CSS清除ul樣式
CSS樣式常常對于ul列表標簽會有默認的樣式,比如列表項默認為圓點、數字或者字母,間距默認存在等等。但是我們某些時候可能不希望這些默認的樣式出現,這時候可以采取清除ul樣式的方法來實現。
清除ul樣式的基本方法是使用CSS的reset樣式來清除默認樣式,然后自己定義需要的樣式。下面我們來看一下代碼:
上面的代碼可以清除ul標簽的默認樣式,包括:外邊距、內邊距和列表項標志樣式。這里我們用到了list-style:none;將列表項標志設置為無。
使用上述CSS樣式后,上面的ul列表會變成:
* 第一項
* 第二項
* 第三項
總結:
清除ul樣式有很多方法,這里僅僅介紹了最基本的清除ul樣式的方法,這在實際開發中可能會用到。當需要自己重新定義ul樣式時,可以使用上述CSS代碼清除默認樣式后進行設計。
CSS樣式常常對于ul列表標簽會有默認的樣式,比如列表項默認為圓點、數字或者字母,間距默認存在等等。但是我們某些時候可能不希望這些默認的樣式出現,這時候可以采取清除ul樣式的方法來實現。
清除ul樣式的基本方法是使用CSS的reset樣式來清除默認樣式,然后自己定義需要的樣式。下面我們來看一下代碼:
ul{ margin:0; padding:0; list-style:none; }
上面的代碼可以清除ul標簽的默認樣式,包括:外邊距、內邊距和列表項標志樣式。這里我們用到了list-style:none;將列表項標志設置為無。
- 第一項
- 第二項
- 第三項
使用上述CSS樣式后,上面的ul列表會變成:
* 第一項
* 第二項
* 第三項
總結:
清除ul樣式有很多方法,這里僅僅介紹了最基本的清除ul樣式的方法,這在實際開發中可能會用到。當需要自己重新定義ul樣式時,可以使用上述CSS代碼清除默認樣式后進行設計。
下一篇css怎么添加文字懸浮