CSS改變UL列表符號
使用HTML和CSS創建列表是網頁開發中必不可少的一部分。默認情況下，瀏覽器會使用實心圓點（?）或數字來作為有序列表和無序列表的符號。但是，如果想要自定義列表符號，可以使用CSS輕松地實現。
下面是一個展示如何使用CSS改變UL列表符號的示例：
### HTML代碼：

html
<ul>
<li>第一項</li>
<li>第二項</li>
<li>第三項</li>
</ul>

### CSS代碼：

css
ul {
list-style: none;
margin: 0;
padding: 0;
}
ul li:before {
content: "?";
color: red;
font-size: 18px;
margin-right: 10px;
}

上述代碼中，我們首先使用CSS中的list-style屬性將默認的列表符號去除，然后使用:before偽元素來添加自定義的符號。在:before中，我們使用content屬性來指定添加的符號，這里我們使用的是實心圓點?。我們還設置了符號的顏色、大小和與文本之間的間距等CSS屬性。
同時，還可以使用文字、圖片、SVG圖標等來替換列表符號，方法如下：
- 使用文字來替換列表符號：

css
ul li:before {
content: "?";
font-size: 18px;
margin-right: 10px;
}

- 使用圖片來替換列表符號：

css
ul li:before {
content: "";
background-image: url("check.png");
background-size: contain;
display: inline-block;
height: 20px;
width: 20px;
margin-right: 10px;
}

- 使用SVG圖標來替換列表符號：

css
ul li:before {
content: "";
background-image: url("check.svg");
background-size: contain;
display: inline-block;
height: 20px;
width: 20px;
margin-right: 10px;
}

總之，CSS提供了各種自定義列表符號的方法，具體使用還需要根據實際情況進行選擇。