<style>
.content {
width: 100px;
margin: 20px auto;
}
.content div {
width: 100px;
height: 200px;
overflow: hidden;
}
.dv2 {
transform: rotateZ(60deg);
}
.dv3 {
transform: rotateZ(60deg);
background-color: skyblue;
}
</style>
</head>
<body>
<div class="content">
<div class="dv1">
<div class="dv2">
<div class="dv3"></div>
</div>
</div>
</div>
</body>
前端 css实现六边形
于 2020-08-18 09:08:50 首次发布