站長資訊網(wǎng)在css中，可以使用list-style屬性來清除li前面的點，只需要給li標(biāo)簽設(shè)置“l(fā)ist-style:none”樣式即可。list-style屬性是用來控制li列表項目標(biāo)記的。當(dāng)值為none時可以清除li前面的項目標(biāo)記。
本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
對于很多人用div來做網(wǎng)站時，總會用到 li，但顯示效果時前面總是會有一個小黑點，這個令很多人頭痛，但又找不到要源，其它我們可以用以下方法來清除。
1、在CSS中寫入代碼。找到相關(guān)性的CSS，在。.li和.ul下寫入list-sytle:none;當(dāng)然有的會這樣來寫list-style-type:none, 這種寫法特別是在一些CMS中最常見。
2、在相關(guān)的頁面找到head部分寫入下面的代碼
<style type="text/css"> li{ list-style:none; } </style>
3、在li,ul內(nèi)加入list-style。
<ul style="list-style-type:none> <li> <a herf="http://123.COM">我的博客</a> </li> < /ul>
當(dāng)然這種是很麻煩的了。
最簡單的就是第一種了，通過CSS來控制，這個當(dāng)然會有不錯的效果了。
這幾種方法都是通過設(shè)置list-style:none來設(shè)置的，有的是會用list-style-type，下面我們來看一看它的屬性。
-
none：不使用項目符號
-
disc：實心圓，默認(rèn)值 circle空心圓
-
square：實心方塊
-
decimal：阿拉伯?dāng)?shù)字
-
lower-roman：小寫羅馬數(shù)字
-
upper-roman：大寫羅馬數(shù)字
-
lower-alpha小寫英文字母
-
upper-alpha：大寫英文字母
這些都可以來代替上文中的none,想要什么樣的都會有一個相應(yīng)的對應(yīng)。
A)、運用CSS格式化列表符：
ul li{ list-style-type:none; }
B)、如果你想將列表符換成圖像，則：
ul li{ list-style-type:none; list-style-image: url(images/icon.gif); }
C)、為了左對齊，可以用如下代碼：
ul{ list-style-type:none; margin:0px; }
D)、如果想給列表加背景色，可以用如下代碼：
ul{ list-style-type: none; margin:0px; } ul li{ background:#CCC; }
推薦學(xué)習(xí)：css視頻教程
