CSS的核心是用其樣式來修飾頁面上的HTML元素。其中,列表是HTML文檔中常見的元素之一。
在HTML中,通過<ul>標簽和<li>標簽可以創(chuàng)建無序列表。而設(shè)置這兩類標簽的樣式可以使用CSS來完成,比如把<li>標簽隔開。
<ul> <li>第一個列表項</li> <li>第二個列表項</li> <li>第三個列表項</li> </ul>
默認情況下,<ul>和<li>元素的顯示風格由瀏覽器默認設(shè)置,可能是貼近在一起的樣式。
為了讓列表項之間有適當?shù)拈g距,可以使用CSS的“margin”屬性:
li { margin-bottom: 10px; }
這個樣式使用了“margin-bottom”屬性,將列表項的下邊距設(shè)置為10像素,從而實現(xiàn)了隔開的效果。
當然,也可以使用“padding”屬性來實現(xiàn)類似的效果:
li { padding-bottom: 10px; }
此時,相鄰的列表項之間將保持一定的距離,從而使頁面布局更加美觀。
總而言之,通過CSS的樣式屬性,可以靈活地處理HTML文檔中的元素,使得網(wǎng)頁設(shè)計更加優(yōu)雅、美觀。