css三个列表属性有哪些

CSS中有三个常用的列表属性，分别是：

list-style-type
list-style-image
list-style-position 

下面分别介绍一下它们的用途和具体实现方法。

1. list-style-type

该属性用于设置列表项目符号的类型，包括有序列表和无序列表中的项目符号。常见的值包括：

• disc：实心圆点
• circle：空心圆点
• square：实心正方形
• decimal：阿拉伯数字
• lower-roman：小写罗马数字
• upper-roman：大写罗马数字
• lower-alpha：小写字母
• upper-alpha：大写字母

/* 无序列表使用圆点作为列表符号 */
ul {
  list-style-type: disc;
}
/* 有序列表使用数字作为列表符号 */
ol {
  list-style-type: decimal;
} 

2. list-style-image

该属性用于设置自定义的列表符号，可以使用图片作为项目符号。如下所示：

/* 使用图片作为列表符号 */
ul {
  list-style-image: url("images/bullet.png");
} 

上述代码将图片“bullet.png”作为无序列表的项目符号。

3. list-style-position

该属性用于设置列表项目符号的位置，包括内部（inside）和外部（outside）两种。默认值为outside，即项目符号放在文本之前。如果设置为inside，则项目符号会放在文本内部。如下所示：

/* 列表项目符号放在文本内部 */
ul {
  list-style-position: inside;
} 

以上就是CSS中三个常用的列表属性，对于列表的样式设置是非常重要的，它可以让页面更加美观，更加易读。