CSS入门之列表样式用法及实例，list-style-image,list-style-type

最新推荐文章于 2022-11-14 13:20:57 发布

最爱林丽明小姐

最新推荐文章于 2022-11-14 13:20:57 发布

阅读量2.8k

点赞数

分类专栏： css

本文链接：https://blog.csdn.net/kissme_a/article/details/18838939

版权

css 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

列表图片分为两种：

list-style-image:none 表示没有图片

list-style-image:url 设定具体的图片

list-style-type可分为多种，较常见的有：

list-style-type:disc 默认值，实心圆

list-style-type:circle 空心圆

list-style-type:square 实心方块

list-style-type:decimal 阿拉伯数字

list-style-type:lower-alpha 小写英文字母

list-style-type:upper-alpha 大写英文字母

//style.css
body{
font-size:30px;
}

ul li{
list-style:url(E:/1.jpg);
line-height:200px;
letter-spacing:1em;
}

a{
text-decoration:none;
}

<html>
<head>
	<title>列表实例</title>
	<link rel="stylesheet" href="js.css" type="text/css"/>
</head>
<body>
	<ul>
		<li><a href="#">111111111</a></li>
		<li><a href="#">222222222</a></li>
		<li><a href="#">333333333</a></li>
	</ul>
</body>
</html>