Html中CSS之去除li前⾯的⼩⿊点，和ul、LI部分属性⽅法
对于很多⼈⽤div来做⽹站时，总会⽤到，但在显⽰效果时前⾯总是会有⼀个⼩⿊点，这个令很多⼈头痛，但⼜不到要源，其它我们可以⽤以下⽅法来清除。
1、在CSS中写⼊代码。到相关性的CSS，在。.li和.ul下写⼊list-sytle:none；当然有的会这样来写list-style-type:none, 这种写法特别是在⼀些CMS中最常见。
2、在相关的页⾯到head部分写⼊下⾯的代码
<style type="text/css">
list-style:none;
</style>
3、在li,ul内加⼊list-style。如<ul blog.csdn/business122">我的博客</a></li>< /ul> 当然这种是很⿇烦的了。
最简单的就是第⼀种了，通过CSS来控制，这个当然会有不错的效果了。
这⼏种⽅法都是通过设置list-style:none来设置的，有的是会⽤list-style-type，下⾯我们来看⼀看它的属性.
none不使⽤项⽬符号
disc实⼼圆，默认值
circle空⼼圆
square实⼼⽅块
decimal阿拉伯数字
lower-roman⼩写罗马数字
upper-roman⼤写罗马数字
lower-alpha⼩写英⽂字母
upper-alpha⼤写英⽂字母
这些都可以来代替上⽂中的none，想要什么样的都会有⼀个相应的对应。html ul标签
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%;
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。