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

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

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

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

定义和用法

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

说明

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

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

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

实例

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

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

浏览器支持

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

注释:任何的版本的InternetExplorer(包括IE8)都不支持属性值"inherit"。

可能的值

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

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


分享文章:CSS中如何使用list-style-image属性
转载来源:http://hbruida.cn/article/ggcojd.html