css list-style 属性解析
list-style 简写属性在一个声明中设置所有的列表属性。
可以设置的属性(按顺序): list-style-type, list-style-position, list-style-image.
可以不设置其中的某个值,比如 "list-style:circle inside;" 也是允许的。未设置的属性会使用其默认值。
属性值:
- list-style-type : 设置列表项标记的类型。
- list-style-position : 设置在何处放置列表项标记。
- list-style-image : 使用图像来替换列表项的标记。
- initial : 将这个属性设置为默认值。
- inherit : 规定应该从父元素继承 list-style 属性的值。
实例:
<html>
<head>
<meta charset="utf-8">
<title>IT懒猫 www.catroom.com.cn</title>
<style>
ul
{
list-style:square url("sqpurple.gif");
}
</style>
</head>
<body>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
</body>
</html>
效果: