在CSS中,ul
和li
是兩種常用的列表元素。ul
表示無序列表,而li
則表示列表項,在HTML文檔中,你可以通過ul
和li
來創(chuàng)建一系列的列表項。
無序列表(ul)
無序列表是一個沒有特定順序的列表,列表項用<li>
標(biāo)簽定義。
<ul> <li>蘋果</li> <li>香蕉</li> <li>橙子</li> </ul>
有序列表(ol)
有序列表是有特定順序的列表,列表項同樣用<li>
標(biāo)簽定義,但列表本身用<ol>
標(biāo)簽定義。
<ol> <li>蘋果</li> <li>香蕉</li> <li>橙子</li> </ol>
列表樣式(CSS)
在CSS中,你可以通過list-style
屬性來定義列表的外觀,你可以設(shè)置列表項前面的標(biāo)記符號,或者完全移除標(biāo)記符號。
ul { list-style-type: circle; /* 設(shè)置列表項前面的標(biāo)記符號為圓形 */ } ol { list-style-type: decimal; /* 設(shè)置列表項前面的標(biāo)記符號為十進(jìn)制數(shù)字 */ }
列表項樣式(CSS)
除了設(shè)置列表整體的樣式外,你還可以單獨(dú)設(shè)置列表項(<li>
)的樣式。
li { margin: 10px; /* 設(shè)置列表項之間的間隔為10像素 */ }
ul
和ol
分別表示無序和有序列表。
li
表示列表項。
- 通過CSS的list-style
屬性可以設(shè)置列表的外觀。
- 通過CSS的li
選擇器可以單獨(dú)設(shè)置列表項的樣式。