css - 单个 div 的 3 个边框底部？

Question

有没有办法为单个 div 创建 3 个 border-bottom？

这是它需要的样子:

Answer 1

试试这个 http://codepen.io/anon/pen/ogzoQQ

<div id="box"></div>  

#box{
width:100px;
height:100px;
background:blue;
box-shadow: 0px 3px  green,0px 6px  orange,0px 9px  yellow;
border-radius:5px;
}