HTML制作圣诞树，小白都会使用的教程。

 不管你学没学过编程，只要有电脑都可以完成。

1.  可以选择自己喜欢的歌曲播放
2.  视频中的圣诞树可以闪烁
3.  源码复制即可使用

   
   
    
   
    
    
    
    
    
    
    
     * {
      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;
     }
    
    
    
    
    
    
    
    
    
   
    
   
    
    
    
    
    
    
    
    
    
     
   
      
   请选择音乐
      
   
       
        Snowflakes Falling Down by Simon Panrucker
       
      
      
   This Christmas by Dott
      
   No room at the inn by TRG Banks
      
   Jingle Bell Swing by Mark Smeby
      
   或者
      
   
       
       file
      
     
    
    
    
    
   
    
   

   使用教程：1.在桌面创建一个文本文件2. 将代码复制粘贴到里面，然后保存鼠标右击文件，选择打开方式，任意选择一个浏览器打开即可。

   最后：如果大家喜欢希望点赞收藏。祝大家圣诞节快乐！