首页  >  文章  >  web前端  >  CSS:list-style-image将图象设置为列表项标记的详解

CSS:list-style-image将图象设置为列表项标记的详解

黄舟
黄舟原创
2017-06-29 10:15:424786浏览

在CSS中list-style-image属性为将图象设置为列表项标记。本文详细介绍下list-style-image的定义和用法、list-style-image的语法、list-style-image的实例。

在CSS中list-style-image属性的作用为:将图象设置为列表项标记。

list-style-image属性实例

把图像设置为列表中的项目标记:

ul
  {  list-style-image:url("/i/arrow.gif");
  list-style-type:square;
  }

list-style-image定义和用法

list-style-image 属性使用图像来替换列表项的标记。

说明

这个属性指定作为一个有序或无序列表项标志的图像。图像相对于列表项内容的放置位置通常使用 list-style-position 属性控制。

注释:请始终规定一个 "list-style-type" 属性以防图像不可用。

1637.png

以上是CSS:list-style-image将图象设置为列表项标记的详解的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn