首先我們先來看看無序列表：
我們都知道無序列表通常都是使用小圓點代替的，但是有些時候用小圓點不好看，為了增加美觀性，在css樣式中有幾種樣式設計的方法第一種：當然是無序列表中的預設小圓點
第二種：是把小圓點改為小方塊顯示
第三種：是把小圓點改為空白心圓顯示
第四種：是把小圓點給去掉，這個應該是比較常用的。
第五種：也是不太常用的，就是把無序列表編程有序列表的方法，前面加數字
現在我們來看看關於css這五種樣式的完整代碼：
<!doctype html><html><head><meta charset="utf-8"><title>topic.alibabacloud.com</title><style type="text/css">.zhe1{list-style-type:disc;}.zhe2{list-style-type:square;}.zhe3{list-style-type:circle;}.zhe4{list-style-type:none;}.zhe5{list-style-type:decimal;}</style></head><body><ul><li class="zhe1">我是預設小圓點</li><li class="zhe2">我是小方塊</li><li class="zhe3">我是空心圓</li><li class="zhe4">我是沒有標記的</li><li class="zhe5">我是要有序列表</li></ul></body></html>
這是一個比較簡單的代碼了，我們先來看看在瀏覽器中的顯示效果吧：
這五種效果全部顯示出來了。是不是很簡單呢。（想看更多css樣式的知識，就到topic.alibabacloud.comcss參考手冊欄目學習）
現在我們來說說css對列表樣式的總結：
list-style-image：url圖片地址 屬性使用映像來其他清單項的標記；
list-style-position 屬性設定在何處放置清單項目標記；還有一個inside的值：放在文本以內。
list-style 複合寫法
這個的最後一種是現在比較常用的，如果你不想寫太多代碼的話，可以使用這種符合寫法，簡單的完成這些我們看個執行個體：
<style type="text/css">.zhe1,.zhe2,.zhe3,.zhe4,.zhe5{list-style:none;}</style>
這個css樣式，加上這個，就能去掉那些不想要的東西了，還能寫入別的屬性，就這個我們來看看效果吧：
效果就是很明顯了是不是，我們就這樣把這些列表都去掉了，當然這隻是最基礎的符合寫法，還能寫入別的屬性樣式，這樣才能顯示節省更多的時間。
好了，以上就是本篇關於css列表樣式的總結了。以問題的可以在下方提問。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
