Categories: CSS属性

CSS list-style-image 属性 | CSS 列表 | CSS教程

属性定义及使用说明

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

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

默认值：	none
继承：	yes
版本：	CSS1
JavaScript 语法：	object.style.listStyleImage=”url(‘123.gif’)”

属性值

值	描述
URL	图像的路径。
none	默认。无图形被显示。
inherit	规定应该从父元素继承 list-style-image 属性的值。

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

属性	谷歌	IE	火狐	苹果	opera
list-style-image	1.0	4.0	1.0	1.0	7.0

实例

指定列表中的列表项标记的图像：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>Web176教程(web176.com)</title> 
<style>
ul 
{
 list-style-image:url('/wp-content/uploads/2022/04/turn.jpg');
}
</style>
</head>

<body>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
</body>
</html>

terry

这个人很懒，什么都没有留下～