CSS3技術在網頁設計中有著非常重要的作用,其中常用的一個技巧就是去掉無序列表中li元素的默認點樣式。這通常會讓網頁的排版更加美觀,讓內容更加突出。
ul{ list-style:none; } li{ /**去掉默認點樣式**/ }
以上代碼給出了一種簡單的方法,即通過設置list-style為none來去掉整個無序列表的默認點樣式。但是這并沒有完全解決問題,因為在li中,還有可能存在padding或background-color等屬性,這些屬性會在默認點樣式的位置上顯示。因此,我們需要對li元素進行特殊處理,以解決這個問題。
li{ list-style:none; padding-left:20px;/**設置左側距離**/ background:url(icon.png) left center no-repeat;/**替換點樣式**/ }
以上代碼中,我們首先設置了list-style為none,接著通過padding-left屬性來設置li元素的左側距離。最后,我們使用background屬性來替換原本的默認點樣式,這里使用了一個icon.png圖片作為替代點。通過這種做法,我們就可以完整地去除無序列表中的點樣式,并且可以靈活地設置li元素的顯示效果。
上一篇html utf 8代碼
下一篇css3 list