day25-作业

HTML代码

    
        
        
        
        
    
    
        
        

            京东首页
            四川
            七一欧
            |

            我的订单|
            我的京东|
            京东会员|
            企业采购|
            客户服务|
            网站导航|
            手机京东

            
        
        
        
        

            

            
            
            搜索
            全部商品1
            京东大药房
            配送至：
            
                北京朝阳区三环以内
            
            

        
        
        
        

            

                
                
品类齐全，轻松购物
                
                
多仓直发，极速配送
                
                
正品行货，精致服务
                
                
天天低价，畅选无忧
            
            
            

                

                    
购物指南
                    购物流程

                    会员介绍

                    生活旅行/团购

                    常见问题

                    大家电

                    联系客服

                
                
                

                    
配送方式
                    上门自提

                    211限时达

                    配送服务查询

                    配送费收取标准

                    海外配送

                
                
                

                    
支付方式
                    货到付款

                    在线支付

                    分期付款

                    邮局汇款

                    公司转账

                
                
                

                    
售后服务
                    售后政策

                    价格保护

                    退款说明

                    返修/退换货

                    取消订单

                
                
                

                    
特色服务
                    夺宝岛

                    DIY装机

                    延保服务

                    京东E卡

                    京东通信

                    京东JD+

                
            
            
            

                

                关于我们|
                联系我们|
                联系客服|
                合作招商|
                商家帮助|
                营销中心|
                手机京东|
                友情链接|
                销售联盟|
                京东社区|
                风险监测|
                隐私政策|
                京东公益|
                English Site|
                Media & IR   
                
                
                

                    

                        京公网安备 11000002000088号 |
                        京ICP证070359号 |
                        互联网药品信息服务资格证编号(京)-经营性-2014-0008 |
                        新出发京零 字第大120007号
                    
                    
                    

                        互联网出版许可证编号新出网证(京)字150号 |
                        出版物经营许可证 |
                        网络文化经营许可证京网文[2014]2148-348号 |
                        违法和不良信息举报电话：4006561155
                    
                    
                    

                        Copyright © 2004 - 2018  京东JD.com 版权所有 |
                        消费者维权热线：4006067733
                        经营证照 |
                        (京)网械平台备字(2018)第00003号
                    
                    
                    

                        
                        Global Site |
                        
                        Сайт России |
                        
                        Situs Indonesia |
                        
                        Sitio de España |
                    
                    
                    

                        京东旗下网站：
                        京东钱包 
                        京东云
                    
                
                
                

                    
                    
                    
                    
                    
                    
                
            
        
    

CSS代码

*{
    padding: 0;
    margin: 0;
    
}
a{
    text-decoration: none;
}

/*------header----------*/
#header{
    width: 100%;
    height: 30px;
    background-color: rgb(227,228,229);
    line-height: 30px;
    color: rgb(204,204,204);
}
#header a{
        color: rgb(153,153,153);
        font-size: 12px;
}

#header a:hover{
    color: red;
    text-decoration: underline;
}
#header .header-1{
    position: relative;
    background: url(../img/21.jpg) no-repeat 180px 0px;
    padding-left: 200px;
}
#header .header-2{
    position: relative;
    background:url(../img/20.jpg) no-repeat 0 0px;
    padding-left:15px ;
}
#header .header-3{
    position: relative;
    padding-left:155px;

}
#header .header-3-p{
    position: relative;
    top: 5px;
    padding-right: 10px;
}

#header .header-4,#header .header-5,#header .header-6,#header .header-7,#header .header-8,#header .header-9,#header .header-10{
    margin-left: 20px;
    margin-right: 20px;

    
}


/*------content----------*/
#content{
    width: 100%;
    height: 700px;
    background-color: rgb(255,255,255);
}
#content .content-1{
    position: relative;
    height: 145px;
    background-color: rgb(255,255,255);
    
}

#content .content-1 .dog1{
    margin-left: 180px;
    margin-top:24px;
}
#content .content-1 .input1{
    margin-left: 528px;
    height: 25px;
    width: 269px;
    border:2px solid rgb(201,22,35);
    outline: none;
}
#content .content-1 button{
    position: relative;
    height: 29px;
    width: 50px;
    color: rgb(255,255,255);
    background-color: rgb(201,22,35);
    right: 4px;
    top: 1px;
    border: 4px solid rgb(201,22,35);
}
#content .content-1 .a3{
    position: absolute;
    left: 180px;
    bottom: 10px;
    color: red;
    font-size: 20px;
    
}
#content .content-1 .a4{
    position: absolute;
    bottom: 10px;
    left: 288px;
    color: black;
    font-size: 20px;
}
#content .content-1 .a3:hover{
    color: red;
    text-decoration: underline;
}
#content .content-1 .a4:hover{
    color: red;
}
#content .content-1 span{
    position: absolute;
    left: 982px;
    bottom: 10px;
    font-size: 12px;
}
#content .content-1 select{
    position: absolute;
    bottom: 10px;
    left: 1040px;
    font-size: ;
}





/*------footer----------*/
#footer{
    width: 100%;
    height: 540px;
    background-color: rgb(234,234,234);
}
/*第三部分的上部*/
#footer .footer-top{
    height: 105px;
    border-bottom: 1px solid rgb(222,222,222);
    text-align: center;
    line-height: 105px;
}
#footer .footer-top p,#footer .footer-top img{
    display: inline;
    font-size: 18px;
    font-weight: bold;
}
#footer .footer-top img{
    margin-left: 10px;
    position: relative;
    top: 14px;
}


/*第三部分的中部*/
#footer .footer-mid{
    height: 205px;
    border-bottom: 1px solid rgb(222,222,222);
    text-align: center;

}
#footer .footer-mid a{
    color: rgb(102,102,102);
    font-size: 12px;
}
#footer .footer-mid a:hover{
    color: red;
    text-decoration: underline;
}
#footer .footer-mid p{
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: bold;
    color: rgb(119,119,119);
}
#footer .footer-mid div{
    float: left;
    width: 202px;
    margin-top: 25px;
    text-align: left;
}
#footer .footer-mid .footer-mid-d1{
    margin-left: 245px;
}

/*第三部分的下部*/
#footer .footer-bottom{
    height: 230px;
}
#footer .footer-bottom-1{
    height: 50px;
    text-align: center;
    color: rgb(217,209,204);
    line-height: 50px;
    
}
#footer .footer-bottom-1 a{
    display: inline;
    margin: 2px;
    font-size: 12px;
    color:rgb(102,102,102) ;

}
#footer .footer-bottom-1 a:hover{
    color: red;
    text-decoration: underline;
}


#footer .footer-bottom-2{
    height: 100px;
    color: rgb(153,153,153);
    font-size: 12px;
    text-align: center;
    margin: 4px;
}
#footer .footer-bottom-2 a{
    color: rgb(153,153,153);
    margin: 2px;
}
#footer .footer-bottom-2 a:hover{
    color: red;
    text-decoration: underline;
}
#footer .footer-bottom-2 p{
    margin: 5px;
}
#footer .footer-bottom-2 span{
    margin: 2px;
}


#footer .footer-bottom-3{
    height: 80px;
    text-align: center;
    margin: 15px;
}