在CSS中，我們可以使用line-height屬性來(lái)設(shè)置網(wǎng)頁(yè)中上下行之間的間距，這個(gè)屬性可以影響文本行的高度的計(jì)算方式，從而間接控制行與行之間的間距。
如何設(shè)置行間距
1、使用line-height屬性：
通過(guò)CSS的line-height屬性，你可以設(shè)置文本行的高度的計(jì)算方式，如果你想要設(shè)置行間距為1.5倍的字高，你可以這樣寫：
```css
p {
line-height: 1.5;
}
```
2、使用margin屬性：
除了line-height，你還可以使用margin屬性來(lái)增加行與行之間的間距。
```css
p {
margin-top: 10px;
margin-bottom: 10px;
}
```
示例代碼
下面是一個(gè)完整的CSS樣式示例，展示了如何設(shè)置段落文本的上下行間距：
p {
line-height: 1.5;
margin-top: 10px;
margin-bottom: 10px;
}HTML結(jié)構(gòu)示例
下面是一個(gè)簡(jiǎn)單的HTML結(jié)構(gòu)示例，展示了如何應(yīng)用上述CSS樣式：
<!DOCTYPE html>
<html>
<head>
<title>CSS 行間距設(shè)置示例</title>
<style>
p {
line-height: 1.5;
margin-top: 10px;
margin-bottom: 10px;
}
</style>
</head>
<body>
<p>這是一段文本，展示了如何通過(guò)CSS設(shè)置上下行間距。</p>
<p>這是另一段文本，同樣應(yīng)用了CSS樣式來(lái)設(shè)置上下行間距。</p>
</body>
</html>樣式效果
通過(guò)應(yīng)用上述CSS樣式，你可以得到如下效果：
- 文本行的高度的計(jì)算方式被設(shè)置為1.5倍的字高，從而增加了行與行之間的間距。
- 通過(guò)margin-top和margin-bottom屬性，進(jìn)一步增加了行與行之間的間距。
希望這篇文章能幫助你更好地理解和應(yīng)用CSS來(lái)設(shè)置網(wǎng)頁(yè)中的上下行間距，如果你有任何其他問(wèn)題或需要進(jìn)一步的解釋，請(qǐng)隨時(shí)提問(wèn)！
