这篇文章将为大家详细讲解有关CSS中如何使用list-style-image属性,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。
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属性就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。