在網站開發中，列表頁面是非常常見的一種頁面類型。而CSS可以幫助我們輕易地對列表頁面進行美化和布局。下面將介紹如何利用CSS制作一個漂亮的列表頁面。

// HTML代碼
<ul class="list">
<li>列表項1</li>
<li>列表項2</li>
<li>列表項3</li>
</ul>
//CSS代碼
.list {
list-style:none;  /*去除默認的列表樣式*/
padding:0;  /*取消列表內的默認內邊距*/
margin:0;  /*取消列表外的默認外邊距*/
}
.list li {
background-color:#fff;  /*設置背景顏色*/
border-bottom:1px solid #ccc;  /*設置下邊框*/
padding:10px;  /*設置內邊距*/
font-size:14px;  /*設置字體大小*/
}
.list li:hover {
background-color:#f5f5f5;  /*鼠標懸浮時改變背景顏色*/
}

利用以上的CSS代碼就可以輕松地對列表頁面進行美化。我們也可以根據需要，進行更改和優化。