用css写六边形

最新推荐文章于 2023-10-20 13:31:40 发布

张妮妮zwq

最新推荐文章于 2023-10-20 13:31:40 发布

阅读量548

点赞数

分类专栏： html+css

本文链接：https://blog.csdn.net/zwq123w/article/details/80923452

版权

html+css 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

div布局

css

.box1{
width: 58px;
height: 96px;
border-top: 1px solid black;
border-bottom: 1px solid black;
transform: rotate(60deg);
margin-left: 60px;
}

.box3{
width: 58px;
height: 96px;
border-top: 1px solid black;
border-bottom: 1px solid black;
transform: rotate(-60deg);
margin-left: 60px;
margin-top: -98px;
float: left;
}
.box2{
width: 57px;
height: 98px;
border-top: 1px solid black;
border-bottom: 1px solid black;
margin-top: -99px;
margin-left: 60px;
}