CSS:360+HTML代码

作者: 来源: 更新时间:2012-12-16 16:19:03 点击:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>360</title>
<link type="text/css" href="360.css" rel="stylesheet" />
</head>

<body>
<form>
<div id="topmenu">
<ul class="size">
<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="">360特供机</a></li>
</ul>
<div id="topright">
<ul class="size" i>
<li><a href="">设为主页 |</a></li>
<li><a href="">主页修复 |</a></li>
<li><a href="" >反馈  |</a></li>
<li><a href="" hover:style="text-decoration:none">正式版</a></li>
</ul>
<div id="rightest">
<ul class="size">
<li><a href="">换肤</a></li>
<li><a href="">设置</a></li>
</ul>
</div>
</div>
</div>
</div>
<div id="container">
 <div id="topform">
     <div id="forms">
         <ul>
            <li><a href="">新闻</a></li>
            <li><a href="" style="background:#5AF; padding:3px; color:#FFF;">网页</a></li>
            <li><a href="">视频</a></li>
            <li><a href="">图片</a></li>
            <li><a href="">MP3</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>
           
            <input type="text" />
            <input type="button" style="background:#FFF; border:0px; cursor:pointer; width:60px; font-size:14px;" value="谷歌搜索" />
            <div id="guge" class="size">
            <ul>
             <li><div id="a">
                <input type="radio" name="cho" id="1"/><font >百度</font>          </div></li>
              <li><div id="a">
                <input type="radio" name="cho" id="1"/><font >谷歌</font>          </div></li>
                <li><div id="a">
                <input type="radio" name="cho" id="1"/><font >有道</font>          </div></li>
                <li><div id="a">
                <input type="radio" name="cho" id="1"/><font >即刻</font>          </div></li>
            </ul>
            </div>
        </div>
 </div>
    <!----mainner-->
    <div id="leftmainner">
     <div class="background color" id="left1">
        <ul class="size1">
        <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>
        </div>
         <!--left2-->
      <div class="background color" id="left2">
    <ul class="color" style="border-bottom:none;" >
    <li   style="border-bottom:none;"><a href="" style="font-weight:bold; background:#F4FAFF; ">手机安全充值</a></li>
    <li><a href="">机票</a></li>
    <li style="border-right:none;"><a href="">点卡</a></li>
    </ul>
       <div id="manyinput">
    <input type="" style="width:80px; border:1px #999 solid;"class="background" />
    <select style="margin-top:10px;"tyle="margin-top:10px;" class="background">
    <option >100元</option>
    </select>
    <input type="button" value="充值"  style="margin-left:10px;"class="background"/>
       </div>
     </div>
        <div id="left3" class="background ">
        <div class="left3i">生活服务</div>
        <ul  class="color  ">
        <li><a href="">彩票</a></li></ul>
        <li><a href="">基金</a></li></ul>
        <li><a href="">股票</a></li></ul>
        <li><a href="">团购</a></li></ul>
        <li><a href="">天气</a></li></ul>
        <li><a href="">地图</a></li></ul>
        <li><a href="">银行</a></li></ul>
        <li><a href="">购物</a></li></ul>
        <li><a href="">汽车</a></li></ul>
        <li><a href="" >二手车</a></li></ul>
        <li><a href="" style="margin-left:-14px">大学</a></li></ul>
        <li><a href="">房产</a></li></ul>
        <li><a href="">家居</a></li></ul>
        <li><a href="">健康</a></li></ul>
        <li><a href="">美食</a></li></ul>
        <li><a href="">儿童</a></li></ul>
        <li><a href="">女性</a></li></ul>
        <li><a href="">宠物</a></li></ul>
        <li><a href="">手机</a></li></ul>
        <li><a href="">电视</a></li></ul>
        <li><a href="">招聘</a></li></ul>
        <li><a href="">旅游</a></li></ul>
        <li><a href="">摄影</a></li></ul>
        <li><a href="">奢侈品</a></li>
        </ul>
        </div>
 </div>
   
    <!--右侧综总-->
    <div id="rightmainner">
    <div id="right1">
    <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="" style="color:green">360游戏</a></li>
    <li><a href="">人人网</a></li>
    <li><a href="">淘宝网</a></li>
    <li><a href="">开心网</a></li>
    <li><a href="">360手机卫士</a></li>
    <li><a href="">谷歌</a></li>
    <li><a href="">淘宝特卖</a></li>
    <li><a href="" style="color:red">影视大全</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="">CNTV</a></li>
    <li><a href="">太平洋电脑</a></li>
    <li><a href="">360彩票</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=""style="color:green">苏宁易购</a></li>
    <li><a href="">糯米网团购</a></li>
    <li><a href="">58同城</a></li>
    <li><a href=""style="color:red">赶 集 网</a></li>
    <li><a href="">当当购物</a></li>
    <li><a href="">瑞丽女性网</a></li>
    <li><a href="">1号店超市</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>
    <li><a href="">聚美优品</a></li>
    <li><a href="">麦考林购物</a></li>
    <li><a href="">美 丽 说</a></li>
    </ul>
    </div>
    <!--right2-->
    <div id="right2">
    <ul>
    <li><a href="">1号店超市</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="" style="color:green">大众点评团</a></li>
    <li><a href="">淘宝皇冠店</a></li>
    <li><a href="">好乐买鞋网</a></li>
    <li><a href="">优众奢侈品</a></li>
    </ul>
    </div>
   
   
     <div id="right3">
     <div class="right3top">
     <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>
    </ul></div>
    <div id="right3down">
    <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>
    <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="">360影视</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>
    <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>
    <li><a href="">音乐现场</a></li>
    <li><a href="">虾米音乐网</a></li>
    <li><a href="">更多</a></li>
    <li><a href="">[游戏]</a></li>
    <li><a href="">4399游戏</a></li>
    <li><a href="">7K7K小游戏</a></li>
    <li><a href="">2144小游戏</a></li>
    <li><a href="">征 程</a></li>
    <li><a href="">诺亚传说</a></li>
    <li><a href="">征途2S</a></li>
    <li><a href="">更多>></a></li>
    </ul>
    </div>
     </div>
    </div>
     <!--footer-->
    <div id="footter">
    <ul>
    <li><a href="" style="font-weight:bold">实用查询</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>
    <li><a href="">IP地址</a></li>
    <li><a href="">机票预订</a></li>
    <li><a href="">特价酒店</a></li>
    <li><a href="">火叉查询</a></li>
    <li><a href="">更多>></a></li>
    </ul>
    </div>
</div>
</div>

  
</form>
</body>
</html>