CSS是用來美化網頁的一種樣式語言。在網頁設計中,有時我們不需要或者不想要列表項前面的圓點。這篇文章將帶你了解在CSS中如何消除圓點。
要消除圓點需要使用CSS的“list-style-type”屬性。該屬性有以下幾種取值:
list-style-type: disc; /*圓點*/ list-style-type: circle; /*空心圓*/ list-style-type: square; /*正方形*/ list-style-type: none; /*無*/
要消除圓點只需將“list-style-type”屬性的值設置為“none”。如下所示:
ul { list-style-type: none; }
上面的代碼中,“ul”指的是一個無序列表。“list-style-type:none;”將會消除該列表前面的所有圓點。
如果你想要消除某個有序列表前面的數字或字母,也可以使用“list-style-type:none;”屬性。例如:
ol { list-style-type: none; }
上面的代碼將會消除任何一個有序列表前面的數字或字母。
當然,你也可以像下面這樣對部分列表進行設置:
ul li { list-style-type: none; }
上面的代碼表示只對“ul”列表下的每個“li”設置消除圓點。
在CSS中消除圓點是非常簡單的,只需要使用“list-style-type:none;”屬性即可。希望這篇文章能夠幫到你。
上一篇css添加商品數量的樣式
下一篇css淡黑色