在css中，可以使用list-style屬性來清除li前面的點，只需要給li標簽設置“list-style:none”樣式即可。list-style屬性是用來控制li列表項目標記的。當值為none時可以清除li前面的項目標記。

本教程操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

對于很多人用div來做網站時，總會用到 li，但顯示效果時前面總是會有一個小黑點，這個令很多人頭痛，但又找不到要源，其它我們可以用以下方法來清除。

1、在CSS中寫入代碼。找到相關性的CSS，在。.li和.ul下寫入list-sytle:none;當然有的會這樣來寫list-style-type:none, 這種寫法特別是在一些CMS中最常見。

2、在相關的頁面找到head部分寫入下面的代碼

<style type="text/css"> li{     list-style:none; } </style>

3、在li,ul內加入list-style。

<ul style="list-style-type:none>     <li>     <a herf="http://123.COM">我的博客</a>     </li> < /ul>

當然這種是很麻煩的了。

最簡單的就是第一種了，通過CSS來控制，這個當然會有不錯的效果了。

這幾種方法都是通過設置list-style:none來設置的，有的是會用list-style-type，下面我們來看一看它的屬性。

• none：不使用項目符號

• disc：實心圓，默認值 circle空心圓

• square：實心方塊

• decimal：阿拉伯數字

• lower-roman：小寫羅馬數字

• upper-roman：大寫羅馬數字

• lower-alpha小寫英文字母

• upper-alpha：大寫英文字母

這些都可以來代替上文中的none,想要什么樣的都會有一個相應的對應。

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; }

推薦學習：css視頻教程