CSS中如何使用list-style-image属性

这篇文章将为大家详细讲解有关CSS中如何使用list-style-image属性，文章内容质量较高，因此小编分享给大家做个参考，希望大家阅读完这篇文章后对相关知识有一定的了解。

创新互联建站于2013年开始，先为湖里等服务建站，湖里等地企业，进行企业商务咨询服务。为湖里企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

CSS list-style-image属性列表图标

定义和用法

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

说明

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

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

实例

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

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

浏览器支持

所有浏览器都支持list-style-image属性。

注释：任何的版本的InternetExplorer（包括IE8）都不支持属性值"inherit"。

可能的值

关于CSS中如何使用list-style-image属性就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。