用css html帮我画个五角星
时间: 2023-07-15 21:14:57 浏览: 61
当然可以,以下是一个基本的五角星的 CSS 代码:
```html
<!DOCTYPE html>
<html>
<head>
<style>
.star {
display: block;
width: 0px;
height: 0px;
border-right: 50px solid transparent;
border-bottom: 35px solid #ffc107;
border-left: 50px solid transparent;
transform: rotate(35deg);
margin: 50px auto;
}
.star:before {
content: "";
display: block;
width: 0px;
height: 0px;
border-right: 50px solid transparent;
border-bottom: 35px solid #ffc107;
border-left: 50px solid transparent;
position: relative;
top: -35px;
transform: rotate(-70deg);
}
</style>
</head>
<body>
<div class="star"></div>
</body>
</html>
```
你可以在自己的网页中复制这段代码,或者单独将CSS代码提取出来使用。
相关推荐
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)