前端页面画一颗星,可以控制星星的颜色 ,还有大小 ,边框 ,以及星星的五个角的形状
时间: 2024-05-26 13:10:11 浏览: 41
可以使用CSS来画一颗星,通过设置box-shadow属性来控制星星的大小、颜色及边框,通过transform属性来控制五个角的形状。以下是一个示例代码:
.star {
display: inline-block;
width: 50px;
height: 50px;
background-color: transparent;
box-shadow: 25px 0 0 #ffd700, 12.5px 21.65px 0 #ffd700,
-12.5px 21.65px 0 #ffd700, -25px 0 0 #ffd700,
-12.5px -21.65px 0 #ffd700, 12.5px -21.65px 0 #ffd700;
transform: rotate(-26deg);
}
注:#ffd700为星星颜色的十六进制表示。
阅读全文