以下是 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