六边形的代码画法

六边形：

<div class="hexagon">
  <div class="companyBrief"></div>
    </div>

.hexagon {
width: 80%;
    margin: 0 auto;
margin-top: 53px;
    position: relative;
}

.companyBrief:before {
content: '';
width:0px;
  border:40px solid transparent;
  border-bottom: 20px solid #fc4b05;
  position: absolute;
  top: -60px;
}

.hexagon .companyBrief {
width: 80px;
    height: 50px;
    background: url(../images/companyBrief1.png) no-repeat 25px 9px #FC4B05;
    margin-left: 48px;
}

.companyBrief:after {
content: '';
  width:0px;
  border:40px solid transparent;
  border-top: 20px solid #fc4b05;
  position: absolute;
  top:50px;
}