京东注册页面9.16

于 2019-09-16 14:59:43 发布
阅读量307 收藏
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45598725/article/details/100888049
版权

<!DOCTYPE html>

<html>

    <head>

       <meta charset="UTF-8">

       <title>新疆知行书</title>

       <link rel="stylesheet" href="css/1.css" type="text/css"/>

    </head>

    <body>

    <div id="container">

    <div id="banner"><img src="img/banner.jpg"></div>

    <div id="globallink">

        <ul>

            <li><a href="#">首页</a></li>

            <li><a href="#">新疆简介</a></li>

            <li><a href="#">风土人情</a></li>

            <li><a href="#">吃在新疆</a></li>

            <li><a href="#">路线选择</a></li>

            <li><a href="#">自助行</a></li>

            <li><a href="#">摄影摄像</a></li>

            <li><a href="#">游记精选</a></li>

            <li><a href="#">资源下载</a></li>

            <li><a href="#">雁过留声</a></li>

        </ul>

        <br>

    </div>

    <div id="left">

        <div id="weather">

            <h3><span>天气查询</span></h3>

            <ul>

                <li>乌鲁木齐&nbsp;&nbsp;&nbsp;雷阵雨 20℃-31℃</li>

                <li>吐鲁番&nbsp;&nbsp;&nbsp;多云转阴 20℃-28℃</li>

                <li>喀什&nbsp;&nbsp;&nbsp;阵雨转多云 25℃-32℃</li>

                <li>库尔勒&nbsp;&nbsp;&nbsp;阵雨转阴 21℃-28℃</li>

                <li>克拉马依&nbsp;&nbsp;&nbsp;雷阵雨 26℃-30℃</li>

            </ul>

            <br>

        </div> 

        <div id="today">

            <h3><span>今日推荐</span></h3>

            <ul>

                <li><a href="#"><img src="img/tuijian1.jpg"></a></li>

                <li><a href="#">喀纳斯河</a></li>

                <li><a href="#"><img src="img/tuijian2.jpg"></a></li>

                <li><a href="#">布尔津</a></li>

                <li><a href="#"><img src="img/tuijian3.jpg"></a></li>

                <li><a href="#">天山之路</a></li>

            </ul>

            <br>

        </div>

    </div>

    <div id="middle">

        <div id="ghost"><a href="#"title="魔鬼城入口"><img src="img/ghost.jpg"></a>

           <div id="beauty"><img src="img/picture_h1.gif">

               <ul>

                  <li><img src="img/beauty1.jpg"></li>

                  <li><img src="img/beauty2.jpg"></li>

                  <li><img src="img/beauty3.jpg"></li>

                  <li><img src="img/beauty4.jpg"></li>

               </ul>

               <br>

           </div>

        </div>

    </div>

    <div id="right"></div>

    <div id="footer"></div>

    </div>

   

    </body>

</html>

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

body{

    background-color:#2286c6;

    margin: 0px;

    padding:0px;

    text-align:center;

    font-size:13px;

    font-family:Arial, Helvetica, sans-serif;

}

#container{

    position:relative;

    margin:0px auto 0px auto;

    width:780px;

    text-align:left;

}

div br{

    display:none;

}

#globallink{

    margin:0px; padding:0px;

}

#globallink ul{

    list-style:none;

    padding:0px; margin:0px;

}

#globallink li{

    float:left;

    text-align:center;

    width:78px;

}

#globallink a{

    display:block;

    padding:9px 6px 11px 6px;

    background:url(../img/button1.jpg) no-repeat;

    margin:0px;

}

#globallink a:link, #globallink a:visited{

    color:#004a87;

    text-decoration:underline;

}

#globallink a:hover{

    color:#FFFFFF;

    text-decoration:underline;

    background:url(../img/button1_bg.jpg) no-repeat;

}

 

#left{

    float:left;

    width:200px;

    background-color:#FFFFFF;

    margin:0px;

    padding:0px 0px 5px 0px;

    color:#d8ecff;

}

#left div{

    background-color:#5ea6eb;

    margin:0px 5px 0px 5px;

}

#weather{

    background:url(../img/weather.jpg) no-repeat -5px 0px;

    margin:0px 5px 0px 5px;

    background-color:#5ea6eb;

}

div#left #weather h3{

    font-size:14px;

    padding:24px 0px 0px 74px;

    color:#FFFFFF;

    background:none;

    margin:0px;

}

div#weather ul{

    margin:8px 5px 0px 5px;

    padding:10px 0px 8px 5px;  

    list-style:none;

}

#weather ul li{

    background:url(../img/icon1.gif) no-repeat 0px 6px;

    padding:1px 0px 0px 10px;

}

#left div h3{

    font-size:12px;

    padding:4px 0px 2px 15px;

    color:#003973;

    margin:0px 0px 5px 0px;

    background:#bbddff url(../img/icon2.gif) no-repeat 5px 7px;

}

#today{

    padding: 0px 0px 10px 0px;

}

#today ul{

    list-style: none;

    margin-left: -38px;

}

#today ul li{

    text-align: center;

}

#today ul li img{

    border: 1px solid #FFFFFF;

}

#today ul li a{

       color: #FFFFFF;

       text-decoration: none;

}

#middle{

    background-color: #FFFFFF;

    margin: 0px 0px 0px 5px;

    padding: 5px 0px 0px 0px;

    width: 400px;

    float: left;

}

#middle div{

    margin-left: 5px;

    margin-right: 5px;

    position: relative;

}

#beauty{

    margin: 15px 0px 0px 0px;

    padding: 0px;

}

#beauty ul{

    list-style: none;

    margin: 0px;

    padding: 0px;

}

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

金涛骇浪 ৫
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值