使用伪类方法实现正六边形
.div {
position: relative;
width: 50px;
height: 86.6px;
margin: 50px auto;
background-color: #279CFC;
}
.div:before {
content: '';
display: block;
position: absolute;
width: 0;
height: 0;
right: 50px;
border-width: 43.3px 25px;
border-style: solid;
border-color: transparent #279CFC transparent transparent;
}
.div:after {
content: '';
display: block;
position: absolute;
width: 0;
height: 0;
left: 50px;
border-width: 43.3px 25px;
border-style: solid;
border-color: transparent transparent transparent #279CFC;
top: 0;
}