站長資訊網
最全最豐富的資訊網站

css如何去掉li前面的點

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

css如何去掉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視頻教程

贊(0)
分享到: 更多 (0)
網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號
精品视频一区二区三区四区| 久久精品无码专区免费青青| 高清免费久久午夜精品| 国产精品免费电影| 国产精品亚洲lv粉色| 97久久国产亚洲精品超碰热 | 精品国产福利在线观看| 亚洲午夜精品一区二区| 亚洲AV无码精品色午夜在线观看| 国产69精品久久久久9999APGF| 国产日韩高清三级精品人成| 亚洲国产婷婷综合在线精品| 日韩精品一区二区午夜成人版 | 久草这里只有精品| 日韩精品中文乱码在线观看| 亚洲欧洲中文日韩久久AV乱码 | 久久精品无码一区二区三区日韩 | 亚洲第一精品福利| 久久精品一区二区三区日韩| 日韩精品免费视频| 国产精品9999久久久久| 国产精品内射后入合集| 国产精品丝袜一区二区三区| 日本精品久久久久中文字幕| 久久这里只精品热免费99| 久久精品这里热有精品2015| 久久久这里有精品999| 久久久久久九九精品久小说| 一区二区三区日韩精品| 99久久国产综合精品1尤物| 99精品视频在线免费观看| 99re66热这里都是精品| 久久精品国产亚洲AV嫖农村妇女| 99re6在线精品视频免费播放| 91综合精品网站久久| 亚洲国产精品综合久久久| 国产伦精品一区二区三区女| 亚洲日本久久久午夜精品| 国产愉拍精品手机| 国产精品麻豆免费版| 日韩电影在线观看第一区|