在css中，可以使用list-style屬性來(lái)清除li前面的點(diǎn)，只需要給li標(biāo)簽設(shè)置“l(fā)ist-style:none”樣式即可。list-style屬性是用來(lái)控制li列表項(xiàng)目標(biāo)記的。當(dāng)值為none時(shí)可以清除li前面的項(xiàng)目標(biāo)記。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

對(duì)于很多人用div來(lái)做網(wǎng)站時(shí)，總會(huì)用到 li，但顯示效果時(shí)前面總是會(huì)有一個(gè)小黑點(diǎn)，這個(gè)令很多人頭痛，但又找不到要源，其它我們可以用以下方法來(lái)清除。

1、在CSS中寫(xiě)入代碼。找到相關(guān)性的CSS，在。.li和.ul下寫(xiě)入list-sytle:none;當(dāng)然有的會(huì)這樣來(lái)寫(xiě)list-style-type:none, 這種寫(xiě)法特別是在一些CMS中最常見(jiàn)。

2、在相關(guān)的頁(yè)面找到head部分寫(xiě)入下面的代碼

<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)然這種是很麻煩的了。

最簡(jiǎn)單的就是第一種了，通過(guò)CSS來(lái)控制，這個(gè)當(dāng)然會(huì)有不錯(cuò)的效果了。

這幾種方法都是通過(guò)設(shè)置list-style:none來(lái)設(shè)置的，有的是會(huì)用list-style-type，下面我們來(lái)看一看它的屬性。

• none：不使用項(xiàng)目符號(hào)

• disc：實(shí)心圓，默認(rèn)值 circle空心圓

• square：實(shí)心方塊

• decimal：阿拉伯?dāng)?shù)字

• lower-roman：小寫(xiě)羅馬數(shù)字

• upper-roman：大寫(xiě)羅馬數(shù)字

• lower-alpha小寫(xiě)英文字母

• upper-alpha：大寫(xiě)英文字母

這些都可以來(lái)代替上文中的none,想要什么樣的都會(huì)有一個(gè)相應(yīng)的對(duì)應(yīng)。

A)、運(yùn)用CSS格式化列表符：

ul li{ list-style-type:none; }

B)、如果你想將列表符換成圖像，則：

ul li{ list-style-type:none; list-style-image: url(images/icon.gif); }

C)、為了左對(duì)齊，可以用如下代碼：

ul{ list-style-type:none; margin:0px; }

D)、如果想給列表加背景色，可以用如下代碼：

ul{ list-style-type: none; margin:0px; } ul li{ background:#CCC; }

推薦學(xué)習(xí)：css視頻教程