原生的li原始不是很美观，尤其是li自带的小黑点，我们使用css样式来控制li的样式
li 和ul去掉点
list-style:none;
或
list-style-type:none
修改点的样式
| 可用样式 属性 | 介绍 |
|---|---|
| none | 不使用项目符号 |
| disc | 实心圆，默认值 |
| circle | 空心圆 |
| square | 实心方块 |
| decimal | 阿拉伯数字 |
| lower-roman | 小写罗马数字 |
| upper-roman | 大写罗马数字 |
| lower-alpha | 小写英文字母 |
| upper-alpha | 大写英文字母 |
- 如果你想将列表符换成图像
ul li{
list-style-type:none;
list-style-image: url(images/icon.gif);
}
- 如果想给列表加MOUSEOVER背景变色效果，可以用如下代码
ul{
list-style-type: none;
margin:0px;
}
ul li a{
display:block;
width: 100%;
background:#ccc;
}
ul li a:hover{
background:#999;
}
还有其他样式可以自己尝试一下