CSS中如何設置ul

ul {
list-style: none; /*去掉ul前面的默認符號*/
margin: 0;
padding: 0;
}
ul li {
padding: 10px; /*設置每個li的內(nèi)邊距*/
border-bottom: 1px solid #ccc; /*設置每個li的下邊框*/
}
ul li:last-child {
border-bottom: none; /*去掉最后一個li的下邊框*/
}
ul li a {
text-decoration: none; /*去掉a標簽的下劃線*/
color: #333; /*設置字體顏色*/
display: block; /*將a標簽轉(zhuǎn)換為塊級元素，使它充滿整個li的區(qū)域*/
}
ul li a:hover {
background-color: #f4f4f4; /*鼠標懸停時改變背景顏色*/
}

解釋：

我們首先設置ul的樣式，去掉ul前面的默認符號，并且把ul的外邊距和內(nèi)邊距都設為0。接著，我們?yōu)閡l中的每個li元素設定樣式，給它們添加內(nèi)邊距和下邊框，并且去掉最后一個li的下邊框。我們讓li內(nèi)的a標簽轉(zhuǎn)換為塊級元素，使它充滿整個li的區(qū)域。然后我們?yōu)閍標簽添加樣式，去掉下劃線并且設置字體顏色。最后，我們在鼠標懸停時改變li的背景顏色。