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

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

黄舟
发布: 2017-06-29 10:15:42
原创
4869 人浏览过

在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中文网其他相关文章!

相关标签:
css
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板