用css html帮我画个五角星和上一个不一样
时间: 2023-07-15 20:14:51 浏览: 94
当然可以,以下是一个用 CSS 和 HTML 画五角星的例子:
```html
<div class="star"></div>
```
```css
.star {
width: 0;
height: 0;
border-right: 50px solid transparent;
border-bottom: 35px solid #f5d76e;
border-left: 50px solid transparent;
transform: rotate(35deg);
position: relative;
top: 50px;
}
.star:before {
content: "";
position: absolute;
top: -35px;
left: -50px;
width: 0;
height: 0;
border-right: 50px solid transparent;
border-bottom: 35px solid #f5d76e;
border-left: 50px solid transparent;
transform: rotate(-70deg);
}
```
这是一个黄色的五角星,其形状和之前的例子有所不同。通过使用 `border` 属性来绘制三角形,然后旋转和定位它们以形成五角星。
阅读全文