在網站開發中，列表是非常常見的元素。然而，如果只是簡單羅列數據，很容易顯得單調乏味。這時，CSS就派上用場了。下面我們來看看如何使用CSS美化列表。

/* 定義列表樣式 */
ul {
list-style: none;  /* 取消原有的列表樣式 */
padding: 0;
margin: 0;
}
li {
padding: 10px;
border-bottom: 1px solid #eee;
}
/* 鼠標懸停樣式 */
li:hover {
background-color: #f5f5f5;
}
/* 選中樣式 */
li.selected {
background-color: #146eff;
color: #fff;
}
/* 添加圖標 */
li:before {
content: "\2713";  /* unicode編碼，可以替換成其他字符或圖片 */
margin-right: 10px;
color: #146eff;
}

上面的代碼實現了以下效果：

• 取消了原有的列表樣式
• 為每個列表項添加了padding和底邊框
• 鼠標懸停在列表項上時，添加了背景色
• 選中某個列表項時，添加了背景色和白色字體顏色
• 為每個列表項添加了一個打勾的圖標

實際上，CSS可以實現更多的列表美化效果，如改變透明度、添加動畫效果等。希望本文的內容能對大家的網站開發有所幫助。