投联网
<head> <meta charset="utf-8" /> <title>投联网</title> <link rel="stylesheet" href="css/qq.css" /> </head> <body> <div class="header"> <div class="w"> <div class="w1">> <img src="img/logo.png" class="logo" /> <img src="img/toulian.png" alt="" /> </div> <div class="w2"> <a href="#">首页</a> <a href="#">商业物业</a> <a href="#">企业选址</a> <a href="#"><span class="w6">政府招商</span></a> <a href="#">园区招商</a> <a href="#">企业招商</a> <a href="#">商会协会</a> <a href="#">投联服务</a> <a href="#">投联活动</a> </div> <button>登录|注册</button> </div> </div> <div> <img src="img/logo_bg.png" /> </div> <div class="a"> <img src="img/bg.png" /> </div> <div class="a2"> <div class="s"> <a>北京市昌平区街乡办专区</a> <a>北京市昌平区街乡办专区</a> <a>北京市昌平区街乡办专区</a> </div> <div class="box"> <div class="box1"> <img src="img/show1.png" /> <p class="box3">昌平区域北街道</p> <p class="box2">昌平区东关十字路口北侧</p> </div> <div class="box1"> <img src="img/show1.png" /> <p class="box3">昌平区域北街道</p> <p class="box2">昌平区东关十字路口北侧</p> </div> <div class="box1"> <img src="img/show1.png" /> <p class="box3">昌平区域北街道</p> <p class="box2">昌平区东关十字路口北侧</p> </div> <div class="box1"> <img src="img/show1.png" /> <p class="box3">昌平区域北街道</p> <p class="box2">昌平区东关十字路口北侧</p> </div> </div> </div> <div class="a2"> <p class="h"> 拱振街道 城关街道 西潞街道 石楼镇 十渡镇 窦店镇 阎村镇 河北镇 张坊镇 长沟镇 周口欧店镇 大石窝镇 韩河村镇 南窖乡 蒲洼乡 佛子庄乡 史家营乡 </p> <p class="h"> 霞云岭乡 大安山乡 北京高端制造业基地 北京房山中央休闲购物区(CSD)长阳核心区 中国房山世界地质公园 中国北京农业生活谷 房山区红酒中心 </p> <p class="h"> 房山历史文化旅游集聚区 北京西南良乡物流基地 北京良乡经济开发区 </p> <div class="h"></div> </div> <div class="k1"></div> <div class="g"> <div class="f"> <div class="f1"> <ul> <li><span>关于投联网 </span></li> <div class="r"> <li class="s">投联网介绍</li> <li class="s">联系我们</li> <li class="s">职位招聘</li> <li class=" s">用户协议</li> <li class="s">隐私保护</li> </div> </ul> </div> <div class="f2"> <ul> <li> <span style="display: inline-block;">微信订阅</span> <img src="img/wx.png" style="display: inline-block;"/> </li> <li><span>联系我们</span></li> <div class="r"> <li class="s">电话:010-61820546</li> <li class="s">传真:010-61820545</li> <li class="s">Email:ad@toulianwang.com</li> </div> </ul> </div> <div class="f3"> <ul> <div class="u"> <li class="s">京JCP备1401419号</li> <li class="s">京公网·安备11010902000246</li> <li class="s">版权所有©2015 toulianwang.com 传世投联(北京)科技有限公司</li> </div> </ul> </div> </div> </div> </body> </html>
*{ margin: 0; padding: 0; } .header { width: 100%; height: 75px; background: #000000; padding-top: 16px; } .w{ width: 1200px; margin: 0px auto; } .w1{ display: inline-block; margin-right: 110px; } .w1 .logo{ } .w2{ display: inline-block; } .w2 a{ font-size: 15px; color: white; text-decoration: none; margin-left: 10px; } .w6{ color: lightskyblue; } button{ width: 80px; height: 40px; background: red; border: none; color: white; margin-top: -5px; margin-left: 100px; line-height: 40px ; } .a{ width: 1200px; margin: 0px auto; margin-top: 0px; } .a2{ width: 1200px; margin: 0 auto; margin-top: 30px; } .a2 p{ font-size: 14px; display: inline-block; margin-right:50px; word-spacing: 10px; } .h{ margin-top: 20px; } .s a{ width: 282px; height: 60px; border: 1px transparent solid; border-radius: 10px; font-size: 20px; text-align: center; padding-top: 40px; display: inline-block; margin-right: 60px; } .s a:hover{ color: white; background: dodgerblue; } .box{ margin-top: 15px; height: 350PX; } .box1{ width: 280px; height: 350px; border: 1px transparent solid; text-align: 10px; float: left; overflow: hidden; } .box5{ clear: both; } .box3{ margin-left: 15px; margin-top: 10px; } .box2{ margin-left: 40px; padding-top: 10px; } .box1:hover{ border: 1px #6495ED solid; } .box1 img { padding: 10px; } .V{ width: 100%; height: 4PX; background: red; } .k1{ height: 5px; background-image: -webkit-linear-gradient(left,#DB6969,#0FA8E4,#1F4A4B,#5095E2,#3B6480); margin-top:100px; } .g{ height: 480px; background: #000000; padding-top: 50px; } .f{ width: 1250px; height: 480px; border: 1px transparent solid; margin: 0px auto; overflow: hidden; } .f ul{ list-style: none; } .f1{ width: 375px; height: 470px; border: 1px transparent solid; float: left; } li span{ display: block; color: #02ABED; font-size: 25px; margin-bottom: 40px; } .fi li{ margin-top: 30px; margin-left: 25px; } .f2{ width: 375px; height: 470px; border: 1px transparent solid; float: left; } .f3{ width: 485px; height: 470px; border: 1px transparent solid; float: left; } .f1 li{ color: white; } .f2 li{ color: white; } .f3 li{ color: white; } .s{ line-height: 40px; } .r{ margin-top: 150px; } .u{ margin-top: 260px; border-left: 1px solid #02ABED; padding-left: 20px; margin-left: -40px; }