CSS 中可以使用圖片來代替圓點，從而實現自定義的列表樣式。下面是一些示例代碼，可以供您參考使用。

ul {
list-style: none;
margin: 0;
padding: 0;
}
li:before {
content: "";
background-image: url("your-image-path");
display: inline-block;
width: 10px;
height: 10px;
margin-right: 10px;
}

以上代碼使用了偽元素:before來生成一個空的塊級元素并應用樣式，從而將圓點替換為了圖片。您需要自行修改background-image的路徑，以便讓圖片正確顯示。

同樣的，您也可以使用:after來將圖片放在列表項內容的后面。以下是相應的示例代碼：

li:after {
content: "";
background-image: url("your-image-path");
display: inline-block;
width: 10px;
height: 10px;
margin-left: 10px;
}

以上代碼將圖片放在了列表項內容的后面，并且在兩者之間留有一定的間隔。同樣需要修改background-image的路徑。

以上代碼適用于無序列表（ul）和有序列表（ol）。