五角星代码大全html加字
时间: 2023-11-13 09:52:07 浏览: 48
五角星的HTML代码如下:
实心黑色五角星:
```
<svg width="20" height="20" viewBox="0 0 20 20">
<polygon points="10,0 13.09,6.18 20,7.64 15,12.36 16.18,19 10,15.73 3.82,19 5,12.36 0,7.64 6.91,6.18" fill="black"/>
</svg>
```
空心白色五角星:
```
<svg width="20" height="20" viewBox="0 0 20 20">
<polygon points="10,0 13.09,6.18 20,7.64 15,12.36 16.18,19 10,15.73 3.82,19 5,12.36 0,7.64 6.91,6.18" fill="none" stroke="black" stroke-width="2"/>
</svg>
```
相关问题
python五角星代码
以下是两种绘制五角星的Python代码示例:
第一种,中间有线条的五角星代码:
```python
from turtle import *
pensize(5)
pencolor('red')
color('yellow', 'red')
begin_fill()
for i in range(5):
forward(200)
right(144)
end_fill()
```
第二种,中间无线条的五角星代码:
```python
from turtle import *
pensize(5)
pencolor('red')
color('yellow', 'red')
begin_fill()
for i in range(5):
forward(50)
left(72)
forward(50)
right(144)
end_fill()
```
这两段代码都使用了turtle库来绘制五角星。第一段代码绘制了中间有线条的五角星,使用了较大的步长(200像素),使五角星的线条更为明显。第二段代码绘制了中间无线条的五角星,通过连续绘制两次线条的方式,使五角星的中间部分空白。
五组点击五角星评分html代码
第一组:
```html
<div class="star-rating">
<span class="fa fa-star-o" data-rating="1"></span>
<span class="fa fa-star-o" data-rating="2"></span>
<span class="fa fa-star-o" data-rating="3"></span>
<span class="fa fa-star-o" data-rating="4"></span>
<span class="fa fa-star-o" data-rating="5"></span>
</div>
```
第二组:
```html
<div class="star-rating">
<span class="fa fa-star-o" data-rating="1"></span>
<span class="fa fa-star-o" data-rating="2"></span>
<span class="fa fa-star-o" data-rating="3"></span>
<span class="fa fa-star-o" data-rating="4"></span>
<span class="fa fa-star-o" data-rating="5"></span>
<input type="hidden" name="rating" class="rating-value" value="0">
</div>
```
第三组:
```html
<div class="star-rating">
<span class="fa fa-star-o" data-rating="1"></span>
<span class="fa fa-star-o" data-rating="2"></span>
<span class="fa fa-star-o" data-rating="3"></span>
<span class="fa fa-star-o" data-rating="4"></span>
<span class="fa fa-star-o" data-rating="5"></span>
<input type="hidden" name="rating" class="rating-value" value="0">
<span class="rating-label"></span>
</div>
```
第四组:
```html
<div class="star-rating">
<span class="fa fa-star-o" data-rating="1"></span>
<span class="fa fa-star-o" data-rating="2"></span>
<span class="fa fa-star-o" data-rating="3"></span>
<span class="fa fa-star-o" data-rating="4"></span>
<span class="fa fa-star-o" data-rating="5"></span>
<input type="hidden" name="rating" class="rating-value" value="0">
<span class="rating-label"></span>
<button type="submit">Submit</button>
</div>
```
第五组:
```html
<div class="star-rating">
<span class="fa fa-star-o" data-rating="1"></span>
<span class="fa fa-star-o" data-rating="2"></span>
<span class="fa fa-star-o" data-rating="3"></span>
<span class="fa fa-star-o" data-rating="4"></span>
<span class="fa fa-star-o" data-rating="5"></span>
<input type="hidden" name="rating" class="rating-value" value="0">
<span class="rating-label"></span>
<a href="#" class="submit-link">Submit</a>
</div>
```
以上是五组点击五角星评分的HTML代码,可以根据需要选取适合自己的组合。