![image.png](https://upload-images.jianshu.io/upload_images/11158618-1ac884b1f4098ca5.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
<!DOCTYPE html>
<html>
<head>
<title>hello world</title>
</head>
<style type="text/css">
.list{color: #fff; 200px;margin: 0 auto;text-align: center;}
.content{
height: 50px;200px;background: green;
}
.line{
height: 5px; 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>