CSS中有很多屬性可以用來設(shè)置列表項(xiàng)（li）的樣式，比如：

li {
/* 設(shè)置列表項(xiàng)的樣式 */
list-style: none; /* 去掉默認(rèn)的列表項(xiàng)符號(hào) */
margin: 0; /* 去掉默認(rèn)的外邊距 */
padding: 0; /* 去掉默認(rèn)的內(nèi)邊距 */
line-height: 1.5; /* 設(shè)置行高，方便閱讀 */
}

一般來說，我們會(huì)把li放在ul或ol標(biāo)簽中，所以可以針對(duì)ul或ol設(shè)置一些樣式屬性，比如：

ul, ol {
/* 設(shè)置列表的樣式 */
padding-left: 20px; /* 左側(cè)縮進(jìn) */
position: relative; /* 讓子元素（li）的位置相對(duì)于這個(gè)父元素（ul/ol）而定位 */
}
ul:before, ol:before {
/* 使用偽元素（:before）來設(shè)置列表頭的樣式 */
content: ""; /* 偽元素必須要有這個(gè)屬性，否則不生效 */
position: absolute; /* 讓這個(gè)元素相對(duì)于父元素（ul/ol）定位 */
left: 0; /* 左對(duì)齊 */
top: 0; /* 上對(duì)齊 */
width: 6px; /* 定義寬度 */
height: 100%; /* 定義高度 */
background-color: #ccc; /* 設(shè)置背景顏色 */
}

如果想單獨(dú)設(shè)置某些列表項(xiàng)的樣式，可以給這些列表項(xiàng)設(shè)置class屬性，并針對(duì)這些class設(shè)置樣式屬性，比如：

列表項(xiàng)1
列表項(xiàng)2
列表項(xiàng)3
列表項(xiàng)4
.highlight {
/* 針對(duì)class為highlight的列表項(xiàng)設(shè)置樣式 */
font-weight: bold; /* 加粗 */
color: red; /* 設(shè)置顏色 */
}

最后，我們還可以通過偽類（:hover）來設(shè)置鼠標(biāo)懸停時(shí)列表項(xiàng)的樣式，比如：

li:hover {
/* 鼠標(biāo)懸停時(shí)的樣式 */
background-color: #f4f4f4; /* 設(shè)置背景顏色 */
cursor: pointer; /* 鼠標(biāo)變?yōu)槭中?*/
}