CSS的列表樣式可以通過ul和li標簽來實現。實際上，ul和li標簽組成的列表是HTML中最常見的元素之一。在CSS中，我們可以使用偽元素如:before和:after來添加一些酷炫的效果，讓列表看起來更美觀。

下面是一個基本的CSS列表模板：

ul {
list-style: none;
margin: 0;
padding: 0;
}
li {
padding: 10px;
border-bottom: 1px solid #ccc;
}
li:before {
content: "\2022";
color: #666;
font-weight: bold;
display: inline-block;
width: 1em;
margin-left: -1em;
}

首先，我們使用

標簽來創建無序列表，然后在CSS中將其設置為沒有標志。我們也將列表的外邊距和內邊距都設置為0，這樣可以確保列表在各個瀏覽器中都具有相同的間距。

接下來，我們使用

• 標簽來創建列表的項目。我們為每個項目設置一個十像素的填充，并為每個項目添加一條灰色的邊框線，以幫助區分不同的項目。

  最后，我們使用:before偽元素來添加項目符號。在這種情況下，我們使用Unicode字符"\2022"，它對應于一個實心圓點。我們將其設置為粗體，并將其顯示為內聯塊。我們還將其寬度設置為1em，并將其左邊距設置為-1em，使它與項目文本對齊。

  通過以上的CSS代碼，我們可以創建一個簡單的列表，并使用:before偽元素添加項目符號，使其看起來更加優美和規整。