HTML版跨年烟花代码
在HTML中实现跨年烟花的代码如下。
```html
<!-- 引入CSS文件 -->
<link rel="stylesheet" type="text/css" href="style.css">
<!-- HTML结构 -->
<!-- CSS样式 -->
<style type="text/css">
.fireworks {
position: relative;
width: 100%;
height: 600px;
margin-top: -300px; /* 向上移动一半高度 */
background-color: #000; /* 背景颜色 */
}
.fireworks li {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 600px;
background-color: #fff; /* 烟花形状 */
border-radius: 50%; /* 圆形 */
}
</style>
```html
<!-- 引入CSS文件 -->
<link rel="stylesheet" type="text/css" href="style.css">
<!-- HTML结构 -->
<!-- CSS样式 -->
<style type="text/css">
.fireworks {
position: relative;
width: 100%;
height: 600px;
margin-top: -300px; /* 向上移动一半高度 */
background-color: #000; /* 背景颜色 */
}
.fireworks li {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 600px;
background-color: #fff; /* 烟花形状 */
border-radius: 50%; /* 圆形 */
}
</style>
文件大小：2.41KB
评论区