码迷,mamicode.com
首页 > Web开发 > 详细

3月23 防360网页的示意图

时间:2016-03-23 21:42:20      阅读:254      评论:0      收藏:0      [点我收藏+]

标签:

<style type="text/css">
.a
{
    border:2px solid #0FF;
    height:80px;
    width:930px;
    margin-top:90px;
}
.b
{
    border:2px solid #0FF;
    height:250px;
    width:250px;
    position:absolute;
}
.c
{
    border:2px solid #0FF;
    height:200px;
    width:250px;
    margin-top:250px;
    position:absolute;
    }
.d
{
    border:2px solid #0FF;
    height:1500px;
    width:250px;
    margin-top:450px;
    position:absolute;}    
#b
{
    border: 2px solid #0FF;
    height: 400px;
    width: 650px;
    right: 2px;
    position: absolute;
    top: 195px;
}
#c
{
    border: 2px solid #0FF;
    height: 1250px;
    width: 650px;
    right: 2px;
    position: absolute;
    margin-top:420px;}
#d
{
    border: 2px solid #0FF;
    height: 250px;
    width: 650px;
    right: 2px;
    position: absolute;
    margin-top:1700px;}
</style>
<style type="text/css">
.bb
{
    border:2px solid #000;
    height:300px;
    width:300px;
    margin-top:2000px;
    float:left;
}
.cc
{
    border:2px solid #000;
    height:300px;
    width:300px;
    margin-top:2000px;
    float:left;
}
.dd
{
    border:2px solid #000;
    height:300px;
    width:310px;
    margin-top:2000px;
    float:left;
}

</style>
<link href="111111.css" rel="stylesheet" type="text/css" />
</head>
<body >
<div class="a">
  <h1><font style="margin-left:110px" color="#CC0099">综合搜索&nbsp;&nbsp;
      <input type="text" style="width:500px; height:35px"/>
  <input type="submit" value="搜一下"  style="height:30px "/></font></h1></div>
<br />
<div class="b">
  <table width="250" height="250" cellpadding="0" cellspacing="0" border="0">
    <tr align="center">
      <td width="125" height="35"><a href="http://sh.qihoo.com/">新闻</a> <a href="http://www.360kan.com/news/index.html">视频</a></td>
      <td width="125"><a href="http://www.360kan.com/dianying/index.html/">电影</a><a href="http://www.360kan.com/dianshi/index.html/"> 电视剧</a></td>
    </tr>
    <tr align="center">
      <td height="35"><a href="http://gouwu.360.cn/">购物</a> <a href="http://gouwu.360.cn/haitao/">海淘</a></td>
      <td><a href="http://cp.360.cn/hall/hall.html?agent=700015/">彩票<a><a href="http://licai.360.cn/"> 理财</a></td>
    </tr>
    <tr align="center">
      <td height="35"><a href="https://www.nicaifu.com/?bonus=1&from=dhhonghong/">活期</a><a href="https://www.nicaifu.com/dq/?from=dh_honghongding/"> 定期</td>
      <td><a href="http://xiaoshuo.360.cn/">小说</a><a href="http://mall.360.com/?utm_source=zhinengkuanghuangou_360daohang_zuocemingzhan&utm_medium=inside/"> 智能</a></td>
    </tr>
    <tr align="center">
      <td height="35">游戏 小游戏</td>
      <td>动漫 直播秀</td>
    </tr>
    <tr align="center">
      <td height="35">搞笑 解梦</td>
      <td>教育 度假</td>
    </tr>
    <tr align="center">
      <td height="35">查询 星座</td>
      <td>机票 火车票</td>
    </tr>
    <tr align="center">
      <td>手机 娱乐</td>
      <td>好药 旅游</td>
    </tr>
  </table>
</div>
<br />
<div class="c">
  <table width="250" height="200" border="0">
    <tr>
      <td><img src="我 图片/m_14_634758583539062500_36767976.jpg" height="60"/></td>
    </tr>
    <tr>
      <td>看太阳后裔与“仲基”恋爱</td>
    </tr>
    <tr>
      <td>全民撒欢儿 心动不如心动</td>
    </tr>
  </table>
</div>
<br />
<div class="d">
  <table width="252" height="1500" border="0">
    <tr>
      <td width="252" height="300"><table width="247" height="296" border="0">
        <tr>
          <td>猜你爱看</td>
        </tr>
        <tr>
          <td>头条八卦正能量 军事</td>
        </tr>
        <tr>
          <td><img src="11.png"/></td>
        </tr>
        <tr>
          <td>社保降钱</td>
        </tr>
        <tr>
          <td>比利时恐怖</td>
        </tr>
        <tr>
          <td>过期疫苗</td>
        </tr>
        <tr>
          <td>苹果受争议</td>
        </tr>
      </table></td>
    </tr>
    <tr>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>&nbsp;</td>
    </tr>
  </table>
</div>
<div id="b">
  <table width="650" height="400"cellpadding="0" cellspacing="0" border="0">
    <tr align="center">
      <td width="109">360搜索 好药</td>
      <td width="109">新浪 微博</td>
      <td width="109">天猫精选</td>
      <td width="109">搜狐 视频</td>
      <td width="109">网易 游戏</td>
      <td>凤凰 军事</td>
    </tr>
    <tr align="center">
      <td>360游戏</td>
      <td>淘宝网</td>
      <td>网上购物</td>
      <td>百度 热搜</td>
      <td>360 手机卫士</td>
      <td>携程旅行</td>
    </tr>
    <tr align="center">
      <td>爱淘宝</td>
      <td>360影视</td>
      <td>聚划算</td>
      <td>国美在线</td>
      <td>东财 理财</td>
      <td>央视网 直播</td>
    </tr>
    <tr align="center">
      <td>京东商城</td>
      <td>58同城</td>
      <td>太平洋电脑</td>
      <td>世纪佳缘</td>
      <td>同程旅游</td>
      <td>中关村在线</td>
    </tr>
    <tr align="center">
      <td>汽车之家</td>
      <td>易车网</td>
      <td>太平洋汽车</td>
      <td>安居客</td>
      <td>折800</td>
      <td>苏宁易购</td>
    </tr>
    <tr align="center">
      <td>驴妈妈旅游</td>
      <td>人民 新华</td>
      <td>赶集</td>
      <td>当当网</td>
      <td>途牛旅游网</td>
      <td>1号店</td>
    </tr>
    <tr align="center">
      <td>真爱婚恋网</td>
      <td>乐居二手房</td>
      <td>亚马逊</td>
      <td>艺龙网</td>
      <td>去哪儿网</td>
      <td>沪江网校</td>
    </tr>
    <tr align="center">
      <td>蘑菇街</td>
      <td>宜人贷</td>
      <td>唯品会</td>
      <td>聚美优品</td>
      <td>搜房网</td>
      <td>12306官网</td>
    </tr>
    <tr align="center">
      <td>猎聘网</td>
      <td>工商银行</td>
      <td>陆金所理财</td>
      <td>六间房</td>
      <td>携程机票</td>
      <td>大主宰</td>
    </tr>
  </table>
</div>
<div id="c">
  <table width="667" height="1251" border="0">
    <tr>
      <td><img src="截图1.png" width="660"/></td>
    </tr>
    <tr>
      <td><img src="2.png" width="660"/></td>
    </tr>
    <tr>
      <td><img src="3.png" width="660"/></td>
    </tr>
    <tr>
      <td><img src="4.png" width="660"/></td>
    </tr>
    <tr>
      <td><img src="5.png" width="660"/></td>
    </tr>
  </table>
</div>
<div id="d">
  <table width="654" height="248" border="0">
    <tr>
      <td height="82" width="50">教育</td>
      <td width="165">托福ibt备考必备资料</td>
      <td width="50">理财</td>
      <td width="165">股市动荡资金该怎么打理</td>
      <td  width="50">购物</td>
      <td>2016春夏连衣裙包</td>
    </tr>
    <tr>
      <td height="82">旅游</td>
      <td>爆款酒店提前预定随心选</td>
      <td>内涵</td>
      <td>前面的妹子一看就有练过</td>
      <td>直播</td>
      <td>电眼公举惹人爱</td>
    </tr>
    <tr>
      <td>游戏</td>
      <td>这些游戏如果不玩你就落伍</td>
      <td>机票</td>
      <td>春季赏花限时优惠</td>
      <td>养生</td>
      <td>热敷毛巾能治百病</td>
    </tr>
  </table>
</div>
<div class="bb">
  <table width="303" height="305" border="0">
    <tr>
      <td colspan="5"><font color="#00FF00">生活服务</font></td>
    </tr>
    <tr align="center">
      <td>生活</td>
      <td>房产</td>
      <td>装修</td>
      <td>交友</td>
      <td>招聘</td>
    </tr>
    <tr align="center">
      <td>购物</td>
      <td>海淘</td>
      <td>食品</td>
      <td>特卖</td>
      <td>服装</td>
    </tr>
    <tr align="center">
      <td>汽车</td>
      <td>车险</td>
      <td>贷款</td>
      <td>违章</td>
      <td>地图</td>
    </tr>
    <tr align="center">
      <td>旅行</td>
      <td>酒店</td>
      <td>机票</td>
      <td>火车票</td>
      <td>线路</td>
    </tr>
    <tr align="center">
      <td>理财</td>
      <td>银行</td>
      <td>保险</td>
      <td>财经</td>
      <td>信用卡</td>
    </tr>
    <tr align="center">
      <td>女性</td>
      <td>美容</td>
      <td>服饰</td>
      <td>景点</td>
      <td>特价</td>
    </tr>
  </table>
</div>
<div class="cc">
  <table width="306" height="307" border="0">
    <tr>
      <td colspan="5"><font color="#00FF00">娱乐休闲</font></td>
    </tr>
    <tr>
      <td>军事</td>
      <td>历史</td>
      <td>娱乐</td>
      <td>算命</td>
      <td>解梦</td>
    </tr>
    <tr>
      <td>电影</td>
      <td>电视剧</td>
      <td>动漫</td>
      <td>电影票</td>
      <td>综艺</td>
    </tr>
    <tr>
      <td>小说</td>
      <td>漫画</td>
      <td>星座</td>
      <td>音乐</td>
      <td>搞笑</td>
    </tr>
    <tr>
      <td>儿童</td>
      <td>健康</td>
      <td>摄影</td>
      <td>设计</td>
      <td>壁纸</td>
    </tr>
    <tr>
      <td>体育</td>
      <td>NBA</td>
      <td>足球</td>
      <td>CBA</td>
      <td>视频</td>
    </tr>
    <tr>
      <td>游戏</td>
      <td>单机</td>
      <td>网游</td>
      <td>小游戏</td>
      <td>电竞</td>
    </tr>
  </table>
</div>
<div class="dd">
  <table width="308" height="308" border="0">
    <tr>
      <td colspan="5"><font color="#00FF00">其他类别</font></td>
    </tr>
    <tr>
      <td>电脑</td>
      <td>软件</td>
      <td>手机</td>
      <td>桌面</td>
      <td>社区</td>
    </tr>
    <tr>
      <td>教育</td>
      <td>英语</td>
      <td>留学</td>
      <td>会计</td>
      <td>公务员</td>
    </tr>
    <tr>
      <td>政府</td>
      <td>报纸</td>
      <td>大学</td>
      <td>爱好</td>
      <td>国外</td>
    </tr>
    <tr>
      <td>美女</td>
      <td>曲艺</td>
      <td>综艺</td>
      <td>宠物</td>
      <td>查询</td>
    </tr>
    <tr>
      <td>酷站</td>
      <td>行业</td>
      <td>法律</td>
      <td>黄页</td>
      <td>天气</td>
    </tr>
    <tr>
      <td>地方</td>
      <td>北京</td>
      <td>上海</td>
      <td>广州</td>
      <td>天津</td>
    </tr>
  </table>
</div>

 

3月23 防360网页的示意图

标签:

原文地址:http://www.cnblogs.com/Duriyya/p/5312978.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!