解决div边框重复（封闭的梯子效果）

完成如图效果：

方法一：

关键HTML代码：

关键css代码：

.box{width:200px;border:1px solid #000}
.box li{height:20px;margin-bottom:-1px;border-bottom:1px solid #000;}

方法二：

关键html代码：

    

 

     

    

关键css代码：

.div_show1,.div_show{width: 200px;height: 50px;}
.div_show1 {border: 1px solid #000000; }
.div_show { border: 1px solid #000000;border-top-width: 0px;border-top-style: solid;border-top-color: transparent;}