在CSS中，美化項目清單（如<ul>和<ol>）有助於提升網頁的可讀性和視覺吸引力。通過自定義清單項目符號、調整間距、應用背景樣式和文字排版，可以創造出更具設計感的列表。

自定義項目符號

list-style-type屬性用於改變項目符號的類型，如圓點、方塊或數字：

ul {
    list-style-type: square;
}

這將無序列表的符號更改為方形。如果想要自定義圖像作為符號，可以使用list-style-image：

ul {
    list-style-image: url('path/to/image.png');
}

這會用自定義圖像替代預設的項目符號。

移除項目符號

若不需要符號，可以使用list-style-type: none;：

ul {
    list-style-type: none;
    padding-left: 0;
}

這會移除符號並取消左側內邊距，使清單項目靠左對齊。

調整間距

利用margin和padding來調整清單項目之間的間距：

li {
    margin-bottom: 10px;
}

這會在每個清單項目之間添加10像素的間距，讓列表更具空間感。

背景樣式

可以為每個清單項目添加背景色或邊框，增加視覺層次：

li {
    background-color: #f0f0f0;
    padding: 5px;
    border-radius: 5px;
}

這樣的設定會給清單項目添加灰色背景，內邊距和圓角，讓列表更加柔和。

文字排版

可以使用font-family、font-size和color來定義清單項目的字體、大小和顏色：

li {
    font-family: Arial, sans-serif;
    font-size: 16px;
    color: #333;
}

這會設置字體為Arial，字體大小為16像素，文字顏色為深灰色。

完整範例

ul.custom-list {
    list-style-type: none;
    padding-left: 0;
}

ul.custom-list li {
    background-color: #f0f0f0;
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 5px;
    font-family: Arial, sans-serif;
    font-size: 16px;
    color: #333;
}

這段CSS會創建一個無符號、間距適中且具有背景和圓角的自定義項目清單，提升網頁的設計感。