色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

css3 li去點

錢衛國2年前7瀏覽0評論

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元素的顯示效果。

下一篇css3 list