CSS中有兩組列表,一組是無序列表(unordered list),另一組是有序列表(ordered list)。
無序列表使用UL標簽,列表中每個項使用LI標簽。通過CSS樣式,可以改變列表項的樣式和位置。
ul { list-style: none; /* 去除默認列表樣式 */ margin: 0; padding: 0; } li { margin: 10px; /* 改變列表項之間的間距 */ padding: 5px; /* 改變列表項的內邊距 */ background-color: #f2f2f2; /* 為列表項添加背景顏色 */ border: 1px solid #d4d4d4; /* 給列表項添加邊框 */ }
有序列表使用OL標簽,同樣是使用LI標簽作為列表項。有序列表會自動給每個列表項添加數字或字母編號。也可以通過CSS樣式,改變編號的形式和位置。
ol { list-style: upper-roman; /* 改變編號形式 */ margin-left: 20px; /* 改變編號的位置 */ } li { margin: 10px; padding: 5px; }
通過對無序列表和有序列表的樣式和位置進行調整,可以使頁面更加美觀和易讀。