CSS 中的 unordered list（無序列表）是頁面設計中經常使用的元素之一。通過 UL 和 LI 標記，我們可以輕松地創建具有清晰結構的列表。在 UL 中添加 li 元素后，我們通常會選擇在每個項目前面添加符號，比如黑點。

要使用黑點作為符號，我們可以使用 CSS 中的屬性 list-style-image。該屬性允許我們用圖像作為列表項目符號，而不是默認的圓點符號。

ul {
list-style-image: url('black-dot.png');
}

上述代碼將在每個列表項前添加一個名為 black-dot.png 的圖像。這里假設該圖像已經存在于同一個文件夾中。如果圖像文件位于其他文件夾中，我們需要指定相對或絕對路徑。

在使用 list-style-image 屬性時，我們需要了解一些限制。例如，不能直接對單個列表項目應用該屬性。如果我們需要對某些項移除符號（或者使用其他符號），則需要為整個列表應用不同的樣式。

此外，在使用 list-style-image 屬性時，通常需要為列表設置合適的左外邊距（margin-left），以保證圖像不與文本、其他元素重疊。例如：

ul {
list-style-image: url('black-dot.png');
margin-left: 20px;
}

上述代碼將為列表添加 20 像素的左外邊距，以便圖像和文本之間留出足夠的空間。

在使用 list-style-image 屬性時，我們還可以通過 CSS 中的其他屬性修改符號的大小、垂直對齊方式等樣式。例如，使用 list-style-position 屬性可以控制符號和文本之間的位置：

ul {
list-style-image: url('black-dot.png');
list-style-position: inside;
}

上述代碼將把符號放置在文本內部，而不是默認的文本左側。

總之，使用 CSS 創作美觀、易讀的無序列表是一個很好的實踐。通過指定 list-style-image 屬性，我們可以輕松控制列表項前面的符號，并根據需要進行進一步的修改。