CSS中,li行距定義為無序列表(<ul>)和有序列表(<ol>)中每個列表項(<li>)的垂直距離。默認情況下,li行距由瀏覽器的樣式表定義,通常包括默認字體大小、行高和上下邊距。
li { font-size: 16px; line-height: 1.2; margin: 10px 0; }
上面的代碼表示,每個列表項的字體大小為16像素,行高為字體大小的1.2倍,上下邊距為10像素。通過修改這些屬性,可以根據需要自定義li行距。
如果需要單獨調整某個列表項的行距,可以使用以下方法:
ul li:nth-child(2) { line-height: 1.5; margin-top: 20px; }
上述代碼將第二個無序列表項的行距增加到字體大小的1.5倍,同時將上邊距增加到20像素。
需要注意的是,過大或過小的行距都會影響列表的美觀度和可讀性。合適的行距可以讓列表更清晰易讀,提高用戶體驗。
上一篇jsp怎么加載css
下一篇css里p元素的作用