CSS是網頁設計中不可或缺的一部分，除了調整布局和樣式之外，還可以美化一些常見的元素，如列表。

在默認情況下，HTML的列表樣式通常是很簡單的點、方塊和編號。但如果想要添加更多的視覺效果，就需要使用CSS樣式了。

<ul class="list">
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ul>

首先我們需要定義一個列表的class，然后在CSS中添加相應的屬性。以下是一些簡單的樣式。

.list {
list-style: none;
margin: 0;
padding: 0;
}
.list li {
margin-bottom: 10px;
}
.list li:before {
content: "";
display: inline-block;
width: 6px;
height: 6px;
margin-right: 10px;
background-color: #ccc;
border-radius: 50%;
}
.list li a {
color: #333;
text-decoration: none;
}
.list li:hover:before {
background-color: #ff6b6b;
}

上述樣式首先將默認列表樣式移除，接下來為每個列表項添加一個圓點。這里使用:before偽元素，并設置圓點的樣式。

由于使用了偽元素，所以我們需要定義一些相關的屬性，例如content、display和position等。此處我們指定content屬性為“”，即空字符串，這是必須的，否則偽元素不會被創建。

我們還可以添加一些鼠標懸停時的效果，即圓點背景色變為紅色，使列表更加醒目。

以上是一個簡單的列表美化樣例，當然還可以根據實際需求進行更多的改變，例如更換圓點圖標、添加動畫效果等等。