H5 笔记（百度首页）

index.css

body{
    background: url("../image/bg.jpg");
    background-size: cover;
}

#header{
    text-align: right;
}

#header a{
    color: #333;
    font-family: "arial";
    font-size: 13px;
    margin: 10px 7px;
    font-weight: bolder;
}

#header a.no-weight{
    font-weight: normal;
}

#header a.more-prodcuct{
    background-color: #3385ff;
    border: 1px solid #2d78f4;
    color: white;
    text-decoration: none;
    display: inline-block;
    width: 65px;
    height: 20px;
    line-height: 20px;
    text-align: center;
}

#content{
   text-align: center;
   margin-top: 130px;
   margin-bottom: 450px;
}

#content img{
    width: 270px;
    height: 129px;
}

#content input{
    width: 500px;
    height: 25px;
    padding: 5px;
    padding-bottom: 2.5px;
    border: 1px solid #ddd;
    outline: none;
}

#content input:focus{
    border-color: #2d78f4;
}

#content a{
    background-color: #3385ff;
    border: 1px solid #2d78f4;
    color: white;
    text-decoration: none;
    display: inline-block;
    width: 100px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    margin-left: -5px;
    border: 1px solid #2d78f4;
}

#footer{
    text-align: center;
    font-size: 12px;
}

#footer .footer-header{
    margin-bottom: 10px;
}

#footer .footer-header a{
    color: #00c;

    margin: 0px 5px;
}

#footer .footer-bottom{
    color: #666;
}

#footer .footer-bottom a{
    color: #666;
}

#footer .footer-bottom img{
    width: 14px;
    height: 17px;
}

index.html

    
    
    


   
   

       新闻
       hao123
       地图
       视频
       贴吧
       登录
       设置
       更多产品
   
   
   

       ![](image/logo2.png)
       

           
           百度一下
       
   
   
   

       

           把百度设为主页
           关于百度
           About  Baidu
       
       

           ©2015 Baidu  使用百度前必读  意见反馈 京ICP证030173号
           ![](image/copy_rignt_24.png)