ul、li属性控制

控制列表前的小黑点

设置list-style或者list-style-type均可达到以下效果。

去除小黑点

ul{
    list-style : none;
}

<ul style="list-style:none;"/>

若只是将样式添加到li，那么只是去除本行的小黑点。

改变小黑点

改变list-style的取值

• none 不使用项目符号
• disc 实心圆，默认值
• circle 空心圆
• square 实心方块
• decimal 阿拉伯数字
• lower-roman 小写罗马数字
• upper-roman 大写罗马数字
• lower-alpha 小写英文字母
• upper-alpha 大写英文字母

列表符换成图片

li{
    list-style:none;
    list-style-image:url(图片地址);
}

li元素水平排列

ul{
    width:100%;/*限定宽度*/
}
li{
    float:left;
}