[分享]css列表图标使用的属性

CSS列表图标使用的属性是非常多的，其中最常见的属性有以下几种:

 ul {
        list-style-type: square; /* 列表样式为方块 */
        list-style-image: url('images/icon.png'); /* 利用一个图标做为列表样式 */
        list-style-position: inside; /* 列表样式在文字内部 */
        margin-left: 20px; /* 列表偏移量 */
        padding: 0; /* 列表内部间距为0 */
    } 

上面的代码将实现一个有序列表，并将列表样式设置为方块，使用了一个图片做为列表样式，并且将列表偏移量设置为20px，从而创建出一个唯一的列表。

其中用到的属性解释如下:

• list-style-type：用于修改列表样式，常见的有circle、square、decimal等。

• list-style-image：用于设置自定义的列表样式，可以是图片、字体图标等。

• list-style-position：用于设置列表样式的位置，inside和outside两个选项可以选择列表内部还是外部。

• margin-left：用于设置列表的偏移量，也可以使用padding。

• padding：用于设置列表项的内边距，可以为负值。

CSS列表图标使用的属性非常灵活，通过合理的设置，可以轻松的定制出符合自己需求的列表。