看這個例子,我用無序列表寫了古代四大美女的名字,看看沒有去除列表樣式時,是什么效果。
ul li 西施 /li li 王昭君 /li li 貂蟬 /li li 楊玉環(huán) /li /ul
效果圖:

現(xiàn)在,我不需要列表前面的點點,應該如何去除呢?
接下來介紹幾種去除列表前面小圓點的方法。
1、在CSS中寫上 list-style:none;通過這個屬性,可以去除列表樣式
ul{list-style: none;}效果圖:

2、在CSS中加上 list-style-type: none ;和上一種方式一樣,只是用了不同的屬性。
ul{list-style-type: none;}3、在 li 標簽里面直接加入列表樣式,前面兩個給了樣式去除圓點,后面兩個沒給,還會顯示出來。
ul li >效果圖:
4、當然,也可以給標簽一個類名,在CSS中給樣式,比如下列代碼,只給第一個 li 標簽樣式,它自然就沒有前面的圓點了。
HTML部分:
ul li >CSS部分:
.a1{list-style-type: none;}效果圖:
總結:以上介紹了CSS中如何去除列表樣式,四種方法都可以使用,看個人習慣了,希望這個如何去除 li 前面的點的 教程可以幫助到你!
以上就是HTML的列表樣式可以去除嗎?怎么去掉li前面的小黑點的詳細內(nèi)容,其它編程語言
鄭重聲明:本文版權歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯(lián)系我們修改或刪除,多謝。
新聞熱點
疑難解答