CSS 绘制正六边形

 使用伪类方法实现正六边形

.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;
}

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！