Heim > Web-Frontend > HTML-Tutorial > 如何在Html的div+css中去除<li>标签前面小黑点,和ul、LI部分属性方法_html/css_WEB-ITnose

如何在Html的div+css中去除<li>标签前面小黑点,和ul、LI部分属性方法_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 12:27:12
Original
1680 Leute haben es durchsucht

div是很多人做网站都会用到的,但在显示效果时前面总是会有一个小黑点,这个效果很多人不想要,但又不知到如何去除,然而我们可以用以下方法来清除。

 1、在CSS中写入代码。找到相关性的CSS,在。.li和.ul下写入list-sytle:none;当然有的会这样来写list-style-type:none, 这种写法特别是在一些CMS中最常见。

 2、在相关的页面找到head部分写入下面的代码

<style type="text/css">list-style:none;
Nach dem Login kopieren

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

    我的博客< /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;}E).如果想给列表加MOUSEOVER背景变色效果,可以用如下代码: ul{ list-style-type: none; margin:0px; }ul li a{ display:block; width: 100%; background:#ccc; }ul li a:hover{ background:#999; }说明:display:block;这一行必须要加的,这样才能块状显示!F).LI中的元素水平排列,关键FLOAT:LEFT: ul{list-style-type:none;width:100%;}
    Nach dem Login kopieren

     

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage