CSS中清除列表的點是指在網頁中使用列表元素時,有時候我們不希望列表前面出現默認的點(或數字、字母),需要用CSS來去除。
方法一: ul{ list-style:none; } 方法二: ul{ list-style-type:none; }
以上兩種方法都能去除列表前的點,不同之處在于方法二留有一個空白,而方法一完全沒有標記。可以根據需要選擇方法。
當然,清除列表點的方法不僅適用于ul元素,也適用于ol(有序列表)元素,只需要將ul替換為ol即可。
除去列表點后,我們也可以自定義列表前的標記。比如,將點改為其他符號或圖片。
ul{ list-style:none; } li:before{ content:"●"; margin-right:5px; }
以上代碼用content屬性將點改為實心圓形,也可以使用其他符號,如“☆”、“?”等等。使用margin-right屬性為標記和文字之間留有一定距離。
如果想要將列表前的標記改為圖片,則需要將content屬性改為background屬性,如下:
ul{ list-style:none; } li{ padding-left: 20px; background: url(images/circle.png) no-repeat left top; }
以上代碼將li元素的padding-left設置為20px,保證文字不會被圖片遮蓋;將background屬性設置為圖片鏈接。
在實際開發中,清除列表點或自定義列表前的標記可以讓網頁更加美觀和個性化。