html星空殊效代码如何写

要创建一个星空殊效，你可使用CSS和JavaScript来实现。下面是一个示例代码：
HTML代码：
```html

```
JavaScript代码（stars.js）：
```javascript
function createStars() {
var stars = document.getElementById("stars");
var numStars = 100; // 设置星星的数量
for (var i = 0; i < numStars; i++) {
var star = document.createElement("div");
star.className = "star";
star.style.top = Math.random() * 100 + "%";
star.style.left = Math.random() * 100 + "%";
star.style.animationDelay = Math.random() * 10 + "s";
stars.appendChild(star);
}
}
createStars();
```
CSS代码：
```css
.star {
position: absolute;
width: 2px;
height: 2px;
background-color: #fff;
animation: twinkle 1s infinite;
}
@keyframes twinkle {
0% { opacity: 1; }
50% { opacity: 0.5; }
100% { opacity: 1; }
}
```
这段代码会在页面中创建一个全屏的黑色背景，并在背景上随机生成一定数量的白色星星，星星会闪烁。你可以调剂`numStars`变量的值来改变星星的数量。