列表样式

最新推荐文章于 2022-02-04 14:40:49 发布

bear_cab

最新推荐文章于 2022-02-04 14:40:49 发布

阅读量172

点赞数

本文链接：https://blog.csdn.net/phone13144830339/article/details/78688152

版权

index.html

<html>
	<head>
		<title>
			列表项图像
		</title>
		<style type="text/css">
		[name="a"]{
			/*列表项图像*/
			list-style-image: url('1.jpg')
		}
		[name="b"]{
			list-style-image: url('2.jpg')
		}
		[name="c"]{
			list-style-image: url('3.jpg')
		}
		ul{
			margin-left:25px;
		}
		div{
			width:780px;
			margin:auto;
			border:red outset 5px;/*dashed：虚线；dotted：点状线；soild：实线；groove；ridge；inset；outset*/
			border-right:orangeRed dashed 2px;
			border-left:orangeRed dashed 2px;
		}
		</style>
	</head>
	<body>
		<div>
			<ul>
				<li name="a" >休闲</li>
				<li name="b" >购物</li>
				<li name="c" >上网</li>
			</ul>
		</div>
	</body>
</html>