第一个例子，做出如下效果

第一个例子

HTML部分
    <div class="border">
        <div class="border-left"></div>
        <div class="border-icon"></div>
        <div class="border-right"></div>
    </div>
中间连接矩形样式
        .border-icon{
            width: 0px;
            height: 0;
            border-width: 40px 20px 0 0;
            border-style: solid;
            border-color: grey black;
            float: left;
        }