QQ音乐框架-CSDN博客

本文链接：https://blog.csdn.net/2501_90861293/article/details/147619146

框架

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8" />
       <title></title>
       <link herf="css/layout.css" rel="stylesheet"/>
       <link href="css/实训.css" rel="stylesheet"/>
   </head>
   <body>
       <div class="header"></div>
       <div class="banner"></div>
       <div class="bigbox">
           <h1 class="gedantuijian"></h1>
           <div class="tjcd_box"></div>
           <div class="gd1b_box">
               <div class="box1"></div>
               <div class="box2"></div>
               <div class="box3"></div>
               <div class="box4"></div>
               <div class="box5"></div>
           </div>
           <div class="dot_box"></div>
           <div class="left_jt"></div>
           <div class="right_jt"></div>
       </div>
   </body>
</html>

内容

*{
margin: 0;
   padding: 0;
}
.header{
   width: 1200px;
   height:80px;
   background-color: aquamarine;
   margin: auto;
}
.banner{
width: 800px;
   height:40px;
background-color: antiquewhite;
margin: auto;
}
.bigbox{
   width: 100%;
   height:600px;
   background-color: gainsboro;
   overflow: hidden;
}
.bigbox .gedantuijian{
   width: 300px;
   height: 50px;
   background-color: aquamarine;
   margin: auto;
   margin-top: 50px;
}
.bigbox.tjic_box{
   width: 280px;
   height: 50px;
   background-color: skyblue;
   margin: auto;
}
.bigbox.gd1b_box{
   width: 270px;
   height: 50px;
   background-color: aquamarine;
   margin-top: 40px;
}