段行距指的是在HTML網頁中,段落之間的上下間距。它可以通過CSS來調整,從而使文章更易讀。
段行距通常使用line-height屬性來設置。line-height是文字行之間的垂直距離,也就是行高。如果想要設置兩個段落之間的距離,可以將line-height設置為大于段落字體大小的值。
下面是一個例子,它將段落字體大小設置為16像素,段行距設置為24像素:
```
p {
font-size: 16px;
line-height: 24px;
}
```
如果想要調整單個段落的行距,可以使用行內樣式:
```
這是一個段落。
``` 如果需要在多個段落之間應用相同的行距,可以為它們添加共同的class屬性,并使用class選擇器來設置: ```這是一個段落。
這是另一個段落。
.my-paragraph { line-height: 30px; } ``` 如果需要在多個頁面或整個網站中應用相同的行距,可以使用全局選擇器: ``` body { line-height: 1.5; } ``` 除了line-height屬性,還可以使用margin、padding、border等屬性來設置段行距。但是,使用line-height最為簡單和有效。 總之,通過CSS設置段行距可以幫助文章更加易讀,讓文章排版更加優美。