“独立纵队”的版本间的差异

来自CloudWiki
跳转至: 导航搜索
 
(未显示2个用户的2个中间版本)
第9行: 第9行:
 
**网址1:http://ma.itoco.cn/black8/team/7-1.html
 
**网址1:http://ma.itoco.cn/black8/team/7-1.html
 
**网址2:http://ma.itoco.cn/black8/team/7-2.html
 
**网址2:http://ma.itoco.cn/black8/team/7-2.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+
<html>
<html xmlns="http://www.w3.org/1999/xhtml">
 
 
<head>
 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
<style>
<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">
+
.a{width:100%;height:10%;}
<title>008</title>
+
.a-1{width:10%;height:100%;float:left;margin-left:30%;background-image:url(https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=3546704152,2047315268&fm=58&s=7590E932CEA14C8016F1F5DE030070B1&bpow=121&bpoh=75);background-size:100% 100%}
<style type="text/css">
+
.a-2{width:33.3%;height:100%;background:;float:right;margin-right:10%}
  .layer1{width:100%; height:160px;both;background:red}  
+
.l{color:red}
    .layer1-1{width:100%; height:120px;both;background:#F06}
+
.o:hover{color:red}
.layer1-2{width:100%; height:40px;both;background:#0F0}
+
.b{width:100%;height:5%;background:red;text-align:center;line-height:100%}
  .layer2{width:100%; height:150px; background:green;color:blue;text-align:center;text-align:center;}
+
.i{border-left:1px solid blue;color:#FFFFFF;margin:3px}
    .layer2-1{width:70%; height:160px;both;background:yellow;float:left}
+
.i:hover{border-bottom:1px solid #FFFFFF;color:blue}
    .layer2-2{width:30%; height:160px;both;background:green;float:left}
+
.c{width:100%;height:5%;text-align:center}
.layer2-3{clear:both;}
+
.j:hover{color:red}
  .layer3{width:100%; height:150px;background:blue;color:white;text-align:center;}
+
.j{margin:3px}
  @media screen and (min-width: 900px) and (max-width: 1200px){
+
.d{background:black;margin:0px 400px;width:60%;height:35%;background-image:url(556.jpg);background-size:100% 100%}
            .layer1{width:100%;}
+
.e{height:60%;margin:0px 400px;background:black;width:60%;}
.layer1-1{width:100%;}
+
.e-1{}
.layer1-2{width:100%;}
+
.e-2
.layer2{width:100%;}
 
.layer2-1{ width: 70%;}
 
.layer2-2{
 
                width: 30%;
 
            }
 
 
.layer3{
 
                width: 100%;
 
            }
 
 
        }
 
  </style>   
 
</head>
 
 
 
<body>
 
  <div class="layer1">
 
    <div class="layer1-1"></div>
 
    <div class="layer1-2"></div>
 
 
 
  </div>
 
  <div class="layer2">
 
    <div class="layer2-1"></div>
 
    <div class="layer2-2"></div>
 
    <div class="layer2-3"></div>
 
  </div>
 
  <div class="layer3">1</div>
 
</body>
 
</html>
 
   
 
<!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>无标题文档</title>
 
<style type="text/css">
 
#a{height:300px;width:100%;}
 
    #a-1{height:60px;width:100%;}
 
#a-2{height:180px;width:100%;background:#FFF}
 
#a-3{height:60px;width:100%;background:#000}
 
#b{height:300px;width:100%;}
 
    #b-1{height:300px;width:40%;background:#C0F;float:left}
 
#b-2{height:300px;width:60%;background:#06F;float:left}
 
#{clear:both}
 
#A{width:80%;height:60px;text-align:center;background-color:#CCC}
 
#A a{width:10%;line-height:60px;font-weight:bolder;float:left;height:60px}
 
#A a:hover{color:#F00;background-color:#666}
 
#A-1{width:100%;height:60px;text-align:center;background-color:#000}
 
#A-1 a{width:16%;line-height:60px;font-weight:bolder;float:left;height:60px;color:#FFF}
 
#A-1 a:hover{color:#F00;background-color:#666;}
 
form{text-align:center;line-height:180px}
 
 
 
{border:1px solid black;}
 
#login
 
  {width:80%;}
 
 
 
#login td
 
  {height:40px;}
 
#login .col1{ width:40%;;line-height:180px}
 
#login .col2{ text-left:center; }
 
 
 
 
</style>
 
</style>
 
</head>
 
</head>
 
 
<body>
 
<body>
<div id="a">
+
<div class="a">
    <div id="a-1">
+
<div class="a-1">
        <div id="A">
+
</div>
        <a href="#">新闻</a>
+
<div class="a-2">
        <a href="#">网页</a>
+
<a class="l">凤凰网公益基金</a> 救助直达<br><br>
        <a href="#">微信</a>
+
<a class="o">登录</a> |<a class="o">注册</a> |<a class="o">查找</a> |<a class="o">设为首页</a> |<a class="o">手机看新闻</a>
        <a href="#">问问</a>
+
</div>
        <a href="#">图片</a>
+
</div>
        <a href="#">视频</a>
+
<div class="b">
        <a href="#">小说</a>
+
<br>
        <a href="#">购物</a>
+
<a class="i">资讯</a><a class="i"> 视频</a><a class="i"> 直播</a> <a class="i">财经</a> <a class="i">娱乐</a> <a class="i">体育</a><a class="i"> 文化</a><a class="i"> 时尚</a><a class="i"> 汽车</a><a class="i"> 房产</a><a class="i"> 科技</a> <a class="i">智库 </a><a class="i">游戏 </a><a class="i">彩票</a><a class="i"> 书城</a><a class="i"> 乐活</a><a class="i"> 佛教</a>
       
+
<a class="i">PHOENIX TV</a>
        </div>
+
</div>
    </div>
+
<div class="c"><a class="j">图片</a><a class="j">军事</a><a class="j">历史</a><a class="j">评论</a><a class="j">股票</a><a class="j">金融</a><a class="j">数码</a><a class="j">家居</a><a class="j">读书</a><a class="j">青年</a><a class="j">国学</a><a class="j">政务</a><a class="j">酒业</a><a class="j">旅游</a><a class="j">健康</a><a class="j">公益</a><a class="j">山东</a><a class="j">音乐</a><a class="j">讲堂</a><a class="j">未来</a><a class="j">创新</a><a class="j">电台</a><a class="j">争鸣</a>
    <div id="a-2">
 
    <form  method="get" >
 
<table id="login">  
 
<tr>
 
<td class="col1"><img src="file:///C|/Users/Administrator/Desktop/1.png" width="174" height="39" align="right" /></td>
 
<td class="col2"><input type="text" name="lname">
 
  <input type="submit" value="热狗搜索"></td>
 
</tr>
 
 
 
</table>
 
</form>
 
 
</div>
 
</div>
    <div id="a-3">
+
<div class="d">
        <div id="A-1">
 
        <a href="#">首页</a>
 
        <a href="#">热点</a>
 
        <a href="#">电视</a>
 
        <a href="#">电影</a>
 
        <a href="#">电视剧</a>
 
        </div>
 
    </div>
 
 
</div>
 
</div>
<div id="b">
+
<div class="e">
    <div id="b-1">
+
<div class="e-1"></div>
    <p>123456</p></br>
+
<div class="e-2"></div>
    <p>123456</p></br>
+
<div class="e-3"></div>
    <p>123456</p></br>
 
    <p>123456</p></br>
 
    <p>123456</p></br>
 
    </div>
 
    <div id="b-2"><img src="file:///C|/Users/Administrator/Desktop/center.jpg" width="799" height="303" /></div>
 
   
 
 
</div>
 
</div>
<div id="c"></div>
 
 
</body>
 
</body>
 
</html>
 
</html>

2018年1月15日 (一) 11:25的最新版本

小马哥的队

<html> <head> <style> .a{width:100%;height:10%;} .a-1{width:10%;height:100%;float:left;margin-left:30%;background-image:url(https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=3546704152,2047315268&fm=58&s=7590E932CEA14C8016F1F5DE030070B1&bpow=121&bpoh=75);background-size:100% 100%} .a-2{width:33.3%;height:100%;background:;float:right;margin-right:10%} .l{color:red} .o:hover{color:red} .b{width:100%;height:5%;background:red;text-align:center;line-height:100%} .i{border-left:1px solid blue;color:#FFFFFF;margin:3px} .i:hover{border-bottom:1px solid #FFFFFF;color:blue} .c{width:100%;height:5%;text-align:center} .j:hover{color:red} .j{margin:3px} .d{background:black;margin:0px 400px;width:60%;height:35%;background-image:url(556.jpg);background-size:100% 100%} .e{height:60%;margin:0px 400px;background:black;width:60%;} .e-1{} .e-2 </style> </head> <body>

<a class="l">凤凰网公益基金</a> 救助直达

<a class="o">登录</a> |<a class="o">注册</a> |<a class="o">查找</a> |<a class="o">设为首页</a> |<a class="o">手机看新闻</a>


<a class="i">资讯</a><a class="i"> 视频</a><a class="i"> 直播</a> <a class="i">财经</a> <a class="i">娱乐</a> <a class="i">体育</a><a class="i"> 文化</a><a class="i"> 时尚</a><a class="i"> 汽车</a><a class="i"> 房产</a><a class="i"> 科技</a> <a class="i">智库 </a><a class="i">游戏 </a><a class="i">彩票</a><a class="i"> 书城</a><a class="i"> 乐活</a><a class="i"> 佛教</a> <a class="i">PHOENIX TV</a>

<a class="j">图片</a><a class="j">军事</a><a class="j">历史</a><a class="j">评论</a><a class="j">股票</a><a class="j">金融</a><a class="j">数码</a><a class="j">家居</a><a class="j">读书</a><a class="j">青年</a><a class="j">国学</a><a class="j">政务</a><a class="j">酒业</a><a class="j">旅游</a><a class="j">健康</a><a class="j">公益</a><a class="j">山东</a><a class="j">音乐</a><a class="j">讲堂</a><a class="j">未来</a><a class="j">创新</a><a class="j">电台</a><a class="j">争鸣</a>

</body> </html>