list-style-image 属性用于设置列表项标记的图像。它允许你使用自定义的图像来替代默认的列表项标记,如圆点或数字。

以下是 list-style-image 属性的基本语法:
selector {
  list-style-image: none | url('image-path') | linear-gradient(...);
}

  •  none: 默认值,表示使用浏览器默认的列表项标记。

  •  url('image-path'): 指定一个图像的路径,用作列表项标记。

  •  linear-gradient(...): 使用线性渐变作为列表项标记。可以使用 CSS 渐变来创建更复杂的标记。


示例:
ul {
  list-style-image: url('custom-marker.png');
}

ol {
  list-style-image: linear-gradient(45deg, red, blue);
}

在这个例子中,ul 元素的列表项使用 custom-marker.png 图像作为标记,而 ol 元素的列表项使用一个45度线性渐变(从红色到蓝色)作为标记。


转载请注明出处:http://www.zyzy.cn/article/detail/4207/CSS