CSS list-style 属性

CSS list-style属性

CSS list-style属性用于定义列表样式。这个属性是一个缩写属性，包括list-style-type、list-style-image和list-style-position三个子属性。如果不想设置其中某个属性，可以将其设为none。

list-style-type属性用于定义列表项的标记类型，常用的标记类型包括：

list-style-type属性的默认值是disc。

例如，可以将无序列表的标记样式设置为实心方块：

ul{
  list-style-type: square;
}

list-style-image属性用于为列表项的标记指定图像。指定图像后，标记类型将被忽略。

例如，将无序列表的标记设置为图像：

ul{
  list-style-image: url("marker.png");
}

list-style-position属性用于指定列表项标记的位置。

list-style-position属性的默认值是outside。

例如，将有序列表的标记位于文本内容内部：

ol{
  list-style-position: inside;
}

例如，在ul标签中使用：

<ul type="square">
  <li>列表项1</li>
  <li>列表项2</li>
</ul>

CSS list-style属性用于定义列表的样式，包括标记类型、图像和位置。在使用时需要根据实际情况进行选择和组合，以达到最佳的视觉效果。