HTML中的列表標簽可以幫助我們更好地組織網頁內容，但是默認情況下，列表項通常是以實心的圓點或數字的形式出現，這樣顯然無法滿足我們對于網頁美觀程度的需求。不用擔心，CSS為我們提供了多種方式來為列表項添加自定義的樣式，下面介紹其中一種實現方式。 要為列表項添加圓點，我們可以使用CSS的::before偽元素選擇器，它會在列表項前面生成一個偽元素，我們可以利用它來創建內容和樣式。和現有的列表項一樣，我們需要在HTML中使用無序列表（

）和列表項（
• ）來創建列表結構。 下面是一個簡單例子，在
  標簽內使用
  • 標簽來創建兩個列表項：

    <ul>
    <li>第一個列表項</li>
    <li>第二個列表項</li>
    </ul>

    該列表將會被渲染為： - 第一個列表項 - 第二個列表項 為了添加自定義的圓點，我們需要在樣式表中為
  • 元素的::before偽元素添加樣式。下面是一個簡單的樣式表，它為列表項添加了一個帶顏色的圓點：

    p {
    font-size: 16px;
    line-height: 1.5;
    }
    ul {
    list-style: none;
    }
    li::before {
    content: "● ";
    color: #f65;
    }

    在這個例子中，我們使用了list-style:none來將默認的列表項符號去掉。接著，我們針對每個列表項的偽元素添加了一個::before選擇器，并設置了content屬性，這個屬性可以添加一些額外的內容，包括文本、圖案和Unicode字符等，這里我們用了一個實心圓（●），并在圓點后面空一格。 最后，我們還給這個圓點添加了顏色，這里選擇了一個亮紅色。代碼實現結果如下：

    下面是一個示例列表：

    • 第一個列表項
    • 第二個列表項
    效果如下圖所示： ● 第一個列表項 ● 第二個列表項 通過以上示例，可以看出，CSS的::before偽元素選擇器可以幫助我們為列表項添加自定義的樣式，包括顏色、形狀等，提高了網頁的美觀程度和可讀性。