html部分
<div class="star"></div>
<div class="star"></div>
<div class="star"></div>
<div class="star"></div>
<div class="star"></div>
CSS:
css部分
.star {
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 100px solid red;
position: relative;
}
.star:before, .star:after {
content: "";
position: absolute;
width: 0;
height: 0;
}
.star:before {
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 100px solid red;
top: -50px;
}
.star:after {
border-top: 50px solid transparent;
border-bottom: 50px solid transparent;
border-left: 100px solid red;
right: -50px;
}
分享个星星代码
最新推荐文章于 2024-09-16 06:30:00 发布