3. 伪元素清除最后一个border的边框

 

css代码：

1 *{ margin: 0; padding: 0; }
2 ul, li{ list-style: none; }
3 #ul1{ border: 1px solid red;  }
4 #ul1 li{ border: 1px solid green; }
5 #ul1:after{ content: ""; display: block; height: 1px; margin-top: -1px; background: #fff; }

 

 

html代码：

1 <ul id="ul1">
2     <li>公会</li>
3     <li>游戏</li>
4     <li>充值</li>
5     <li>平台</li>
6     <li>页游</li>
7 </ul>

 

posted @ 2015-06-18 20:27  Sampson1207  阅读(1332)  评论(0)  编辑  收藏  举报