2023年新年倒计时HTML源代码

文章最后更新时间：2023年01月20日

2023年新年倒计时HTML源代码，2023年春节倒计时代码，包含NewYear.css、NewYear.js、newyear.png及index.html。直接运行index.html即可，可自行修改代码进行调整。

效果图：

NewYear.css

/*初始化*/
* {
  padding: 0;
  margin: 0 auto;
}
/*背景色*/
body,
html {
  background: url(./img/newyear.png) no-repeat;
  background-size: 100% 100%;
  background-attachment: fixed;
  /* background-color: black; */
}
/*父盒子*/
.fa {
  color:#6c5ce7;
  margin-top: 200px;
  background-color: rgba(0, 17, 17, 0.5);
  /*边框圆角*/
  border-radius: 80px;
  /*伸缩布局*/
  display: flex;
  /*改变主轴方向  竖排*/
  flex-direction: column;
}
.fir {
  margin-left: 620px;
  margin-bottom: 100px;
  font-size: 80px;
}
.fa .sj {
  /*伸缩布局*/
  display: flex;
  /*改变主轴方向*/
  flex-direction: column;
}
.fa .sj div {
  width: 100%;
  /*伸缩布局*/
  display: flex;
  /*主轴排列方式*/
  justify-content: center;
  color: black;
  margin-bottom: 60px;
  /*多行侧轴排列方式*/
  align-content: space-around;
  color:#ff7675;
  font-size: 55px;
}
.fa .sj .zi {
  color:#d63031;
}

index.html

隐藏内容

评论可见

前往评论

文章版权声明

1 本网站名称：忆路吧
2 本站永久网址：http://www.Yiluxb.cn
3 本网站的文章部分内容来源于网络，仅供大家学习与参考，如有侵权，请联系站长 QQ进行删除处理。
4 本站资源仅供学习和交流使用，版权归原作者所有，请在下载后24小时之内自觉删除。
5 本站大部分下载资源收集于网络，不保证其完整性以及安全性，不提供技术支持，请下载后自行研究。
6 若作商业用途，请购买正版，由于未及时购买和付费发生的侵权行为，使用者自行承担，概与本站无关。