index.html
<!DOCTYPE html>
<html lang="en"><head><!--系统内置 start--><script type="text/javascript"></script><!--系统内置 end--><meta charset="UTF-8"><title>练习</title><!-- 不要忘记引入index.css --><link rel="stylesheet" href="index.css">
</head><body><ul><li></li><li></li><li></li><li></li><li></li><li></li></ul>
</body></html>index.css
* {margin: 0;padding: 0;
}
ul{position:relative;height: 199px;
background: #FFFFFF;
}
li{margin-top:29px;float:left;
list-style:none;
width: 126px;
height: 141px;
background: #C4C4C4;
margin-right:51px;}
li:first-child{margin-left:215px;
}li:last-child{margin-right:0px;
}li::after{content: '';position:absolute;width: 1px;
height: 86px;
background: #DFDFDF;
}运行结果
