列表

image.png


<!DOCTYPE html>
<html>
<head>
	<title>hello world</title>
</head>
<style type="text/css">
	.list{color: #fff;width: 200px;margin: 0 auto;text-align: center;}
	.content{
		height: 50px;width:200px;background: green;
	}
	.line{
		height: 5px;width: 200px;background: #777;
	}
	.item:last-child .line{
		display: none;
	}
</style>
<body>
	<div class="list">
		<div class="item">
			<div class="content"></div>
			<div class="line"></div>
		</div>

		<div class="item">
			<div class="content"></div>
			<div class="line"></div>
		</div>

		<div class="item">
			<div class="content"></div>
			<div class="line"></div>
		</div>

		<div class="item">
			<div class="content"></div>
			<div class="line"></div>
		</div>

		<div class="item">
			<div class="content"></div>
			<div class="line"></div>
		</div>

		<div class="item">
			<div class="content"></div>
			<div class="line"></div>
		</div>
	</div>
</body>
</html>
posted @ 2019-05-16 23:21  达达前端  阅读(161)  评论(0编辑  收藏  举报