小羊简介：
博客主页：小羊不会飞
年龄：20大二在读
爱好：干饭，运动，码代码，看书，旅游
即将更新：
1、手把手带你搭建个人博客网站
2、后台管理系统模块更新
：感兴趣的朋友，赶紧上车吧！！
欢迎关注点赞收藏留言
有任何疑问，欢迎留言讨论！！！
文章图片
小羊最近发现了一个比较好玩的圣诞树的demo，demo在Hbuilder上成功运行后，就会展现出下面的样子，代码我放在下面了哈，好玩的东西当然要一起分享呀！
小羊把代码已经打包好上传到服务器了，大家可以直接访问网站：Christmas_小
注意：该网站并非响应式布局，用电脑打开最佳
Musical Christmas Lights
* {
box-sizing: border-box;
}body {
margin: 0;
height: 100vh;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
background: #161616;
color: #c5a880;
font-family: sans-serif;
}label {
display: inline-block;
background-color: #161616;
padding: 16px;
border-radius: 0.3rem;
cursor: pointer;
margin-top: 1rem;
width: 300px;
border-radius: 10px;
border: 1px solid #c5a880;
text-align: center;
}ul {
list-style-type: none;
padding: 0;
margin: 0;
}.btn {
background-color: #161616;
border-radius: 10px;
color: #c5a880;
border: 1px solid #c5a880;
padding: 16px;
width: 300px;
margin-bottom: 16px;
line-height: 1.5;
cursor: pointer;
}
.separator {
font-weight: bold;
text-align: center;
width: 300px;
margin: 16px 0px;
color: #a07676;
}.title {
color: #a07676;
font-weight: bold;
font-size: 1.25rem;
margin-bottom: 16px;
}.text-loading {
font-size: 2rem;
}
- 请选择音乐
-
- 或者
-
【p2p|芜湖，这是一棵会唱歌的圣诞树】
推荐阅读
- javascript|JavaScript脚本语言介绍并实现第一个Hello World程序
- 前端|JavaScript 存储对象 -sessionStorage （会话存储） 和 localStorage（本地存储）以及 cookie（保存用户信息） 的区别
- javascript|HTML5本地存储与会话存储
- css|如何在Chrome浏览器中运行Selenium（）
- h5移动端|h5移动端概念
- 网络|python 网络编程-1
- 【Altium|Altium Designer
- html|纪念计算机之父阿兰·图灵诞辰109周年
- 前端|Web 基础——Tomcat