p標簽可以用來編寫文章的正文，而pre標簽可以用來標記一段代碼。在編寫CSS時，我們經常需要修改頁面元素的樣式，包括序列表的樣式。本文將介紹如何使用CSS自定義序列表樣式。
在HTML中，有兩種類型的列表：有序列表和無序列表。有序列表使用編號來區分不同的列表項，而無序列表使用符號來區分不同的列表項。為了更好地控制列表的外觀和行為，我們可以使用CSS來自定義它們的樣式。
首先，我們需要選擇要修改的列表元素（ol或ul）。然后，我們可以使用list-style-type屬性來定義單個列表項的類型。以下是一些常用的list-style-type值：
1. disc：實心圓
2. circle：空心圓
3. square：實心正方形
4. decimal：帶數字的有序列表（默認值）
5. lower-alpha：小寫字母
6. upper-alpha：大寫字母
7. lower-roman：小寫羅馬數字
8. upper-roman：大寫羅馬數字
下面是一個例子，展示了如何將有序列表的標記改為實心正方形：

ol {
list-style-type: square;
}

我們也可以使用list-style-image屬性來將圖像用作列表項標記。例如，我們可以使用以下CSS樣式將一個桃子圖像用作無序列表的標記：

ul {
list-style-image: url(peach.png);
}

最后，我們可以使用list-style-position屬性來控制標記的位置是在列表項內還是在列表項的邊緣外。以下是一個例子，展示了如何將標記放在列表項的邊緣外（默認為內部）：

ul {
list-style-position: outside;
}

總的來說，CSS為我們提供了許多選項來自定義列表項的樣式。通過使用list-style-type、list-style-image和list-style-position屬性，我們可以輕松地調整它們的外觀和行為，以滿足特定的需要和個人口味。