在HTML中，星星的表示方式主要有两种：一种是直接使用字符实体，另一种是使用CSS样式，下面将详细介绍这两种方法。
1. 使用字符实体
在HTML中，我们可以使用字符实体来表示一些特殊的字符，包括星星，字符实体是一个以"&"开头，以";"结尾的特殊字符序列，它代表一个特定的字符，我们可以用"·"来表示一个实心的小圆点，用"&9733;"来表示一个空心的大五角星。
以下是一个简单的例子：
<p>这是一个实心的小圆点：·</p> <p>这是一个空心的大五角星：&9733;</p>
在这个例子中，"·"和"&9733;"就是字符实体，它们分别代表一个实心的小圆点和一个空心的大五角星。
2. 使用CSS样式
除了使用字符实体，我们还可以使用CSS样式来创建星星，在CSS中，我们可以使用"::before"和"::after"伪元素来在元素的内容之前或之后插入内容，我们可以利用这个特性来创建一个星星。
以下是一个简单的例子：
<style>
.star::before, .star::after {
content: "";
position: absolute;
top: 0;
left: 0;
}
.star::before {
color: transparent;
text-shadow: 5px 5px 2px rgba(0, 0, 0, 0.5);
}
.star::after {
color: gold;
}
</style>
<div class="star"></div>
在这个例子中，我们首先定义了一个名为"star"的类，然后在这个类的伪元素上设置了内容为""，位置为绝对定位，并且位于元素的左上角，我们设置了伪元素的颜色和阴影，使得第一个伪元素变为透明，第二个伪元素变为金色，我们在一个div元素上应用了这个类，从而在该元素上创建了一个星星。
相关问题与解答
问题1：如何在HTML中创建一个空心的星星？
答：在HTML中，我们可以使用字符实体来创建一个空心的星星，我们可以使用"&9733;"来表示一个空心的大五角星，以下是一个例子：<p>这是一个空心的大五角星：&9733;</p>。
问题2：如何使用CSS样式创建一个旋转的星星？
答：我们可以使用CSS动画来实现星星的旋转，以下是一个简单的例子：
<style>
.star {
position: relative;
display: inline-block;
width: 50px;
height: 50px;
}
.star::before, .star::after {
content: "";
position: absolute;
top: 0;
left: 0;
}
.star::before {
color: transparent;
text-shadow: 5px 5px 2px rgba(0, 0, 0, 0.5);
animation: rotate 2s linear infinite;
}
.star::after {
color: gold;
}
@keyframes rotate {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
</style>
<div class="star"></div>
在这个例子中，我们首先定义了一个名为"star"的类，然后在这个类的伪元素上设置了内容为""，位置为绝对定位，并且位于元素的左上角，我们设置了伪元素的颜色和阴影，以及一个名为"rotate"的动画，这个动画会在2秒内将星星旋转360度，并且会无限次重复，我们在一个div元素上应用了这个类，从而在该元素上创建了一个旋转的星星。
