CSS list-style-image属性,用图像替换列表项标记
list-style-image属性
CSS中list-style-image属性可以将列表前面的圆点或数字或其它的列表项标记替换成指定的图像。语法如下:
list-style-image: url("filepath")
属性值
属性值 | 描述 |
---|---|
URL | 图像路径,即上面语法中的filepath |
none | 默认,无图形显示 |
inherit | 从父元素继承list-style-image的属性值 |
list-style-image属性实例代码,及在线编辑器
<ul class='ul'>
<li>CSS</li>
<li>HTML</li>
<li>JavaScript</li>
</ul>
<style>
.ul{list-style-image:url("../../static/img/ul.jpg")}
</style>