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>

全栈前端 / CSS教程 :



























Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.