css无序样式 |css样式的注释

ul是无序列表标签，li是列表中的每一项。

列表项1
列表项2
列表项3

样式可以通过CSS来进行修改，如下所示：

ul{
list-style-type: none; /*去掉默认的圆点*/
}
li{
padding-left:20px; /*调整每一项的缩进*/
background:url(./images/arrow.png) no-repeat 0 50%;/*添加自定义图标*/
}

其中list-style-type用于修改列表项前的符号，常见的取值有：

• circle: 实心圆
• square: 实心方块
• disc: 空心圆
• none: 去掉符号

通过修改padding-left来控制每个列表项的缩进，使用background来添加自定义图标。

下面是使用自定义图标的无序列表样式代码：

ul{
list-style-type: none;
}
li{
padding-left: 20px;
background: url(./images/arrow.png) no-repeat 0 50%;
}