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

        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號
        主站蜘蛛池模板: 日韩精品专区AV无码| 亚洲线精品一区二区三区影音先锋| 国产va免费精品| 亚洲欧美日韩久久精品第一区| 98视频精品全部国产| 国产午夜亚洲精品理论片不卡| 久久99精品国产麻豆| 国产三级精品三级在线观看| 狼色精品人妻在线视频| 国产精品原创巨作?v网站| 精品国精品无码自拍自在线| 久久久久人妻一区精品| 国产精品久久久久久| 国产在线观看一区二区三区精品| 国产精品亚韩精品无码a在线| 欧产日产国产精品精品| 国产精品一区在线观看你懂的| 亚洲精品夜夜夜妓女网| 国产精品一区12p| 欧美激情精品久久久久| 精品一区二区三区自拍图片区| 日韩人妻无码精品无码中文字幕| 日本精品久久久久中文字幕8| 无码国产精品一区二区免费vr| 久久精品成人| 国产成人毛片亚洲精品| 国产2021精品视频免费播放| 亚洲AV永久无码精品网站在线观看| 精品亚洲一区二区三区在线播放| 日本人精品video黑人| 国产成人精品无码一区二区| 国产香蕉精品视频在| 精品日韩亚洲AV无码| 精品欧洲av无码一区二区三区| 久久久久成人精品无码中文字幕| 久久久久久九九99精品 | 亚洲精品卡2卡3卡4卡5卡区| 在线精品无码字幕无码AV| 久久久久久国产精品免费无码| 精品国际久久久久999波多野 | 老汉精品免费AV在线播放|