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

来自CloudWiki
跳转至: 导航搜索
小马哥的队
 
(未显示另一用户的1个中间版本)
第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>
+
<html>
    <html> 
+
<head>
    <head>
+
<style>
      <title>Bootstrap 实例 - 水平分成两列</title> 
+
.a{width:100%;height:10%;}
        <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">     
+
.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%}
      <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>   
+
.a-2{width:33.3%;height:100%;background:;float:right;margin-right:10%}
      <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
+
.l{color:red}
    </head> 
+
.o:hover{color:red}
    <body> 
+
.b{width:100%;height:5%;background:red;text-align:center;line-height:100%}
    <div class="container"> 
+
.i{border-left:1px solid blue;color:#FFFFFF;margin:3px}
      <h1>Hello, world!</h1> 
+
.i:hover{border-bottom:1px solid #FFFFFF;color:blue}
      <div class="row" > 
+
.c{width:100%;height:5%;text-align:center}
 
+
.j:hover{color:red}
              <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> 
+
.j{margin:3px}
           
+
.d{background:black;margin:0px 400px;width:60%;height:35%;background-image:url(556.jpg);background-size:100% 100%}
      </div> 
+
.e{height:60%;margin:0px 400px;background:black;width:60%;}
              <div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> 
+
.e-1{}
           
+
.e-2
      </div> 
+
</style>
              <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> 
+
</head>
           
+
<body>
      </div> 
+
<div class="a">
<div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> 
+
<div class="a-1">
           
 
      </div> 
 
              <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> 
 
           
 
      </div>
 
<div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> 
 
           
 
      </div> 
 
              <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> 
 
           
 
      </div>
 
<div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> 
 
           
 
      </div> 
 
              <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> 
 
           
 
      </div>
 
<div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> 
 
           
 
      </div> 
 
              <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> 
 
           
 
      </div>
 
<div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> 
 
           
 
      </div> 
 
          </div> 
 
              <div class="row"> 
 
 
 
              <div class="col-md-4" style="background-color: #dedef8;border:2px solid blue;">
 
            <p>第二列的段落1 
 
            </p>
 
            <p>第二列的段落2 
 
            </p> 
 
      </div>
 
              <div class="col-md-4" style="background-color: #dedef8;border:2px solid blue;"> 
 
            <p>第二列的段落1 
 
            </p> 
 
            <p>第二列的段落2 
 
            </p> 
 
      </div> 
 
              <div class="col-md-4" style="background-color: #dedef8;border:2px solid blue;">
 
            <p>第二列的段落1 
 
            </p> 
 
            <p>第二列的段落2 
 
            </p> 
 
      </div> 
 
 
</div>
 
</div>
  <div class="row"> 
+
<div class="a-2">
 
+
<a class="l">凤凰网公益基金</a> 救助直达<br><br>
              <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;">
+
<a class="o">登录</a> |<a class="o">注册</a> |<a class="o">查找</a> |<a class="o">设为首页</a> |<a class="o">手机看新闻</a>
           
 
      </div> 
 
              <div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;">
 
           
 
      </div>
 
              <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;">
 
           
 
      </div>
 
<div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;">
 
           
 
      </div>
 
              <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;">
 
           
 
      </div>  
 
<div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;">
 
           
 
      </div>
 
              <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;">
 
           
 
      </div>  
 
<div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> 
 
           
 
      </div> 
 
              <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> 
 
           
 
      </div>
 
<div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> 
 
           
 
      </div> 
 
              <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> 
 
           
 
      </div>  
 
<div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> 
 
           
 
      </div> 
 
      </div>
 
 
</div>
 
</div>
  <div class="row" > 
 
 
       
 
              <div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> 
 
           
 
      </div> 
 
              <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> 
 
           
 
      </div> 
 
<div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> 
 
           
 
      </div> 
 
              <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> 
 
           
 
      </div>
 
<div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> 
 
           
 
      </div> 
 
              <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> 
 
           
 
      </div>
 
<div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> 
 
           
 
      </div> 
 
              <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> 
 
           
 
      </div>
 
<div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> 
 
           
 
      </div> 
 
              <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> 
 
           
 
      </div>
 
 
              <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> 
 
           
 
      </div> 
 
<div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> 
 
           
 
      </div>   
 
          </div>
 
  <div class="row"> 
 
 
             
 
              <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> 
 
           
 
      </div> 
 
              <div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> 
 
           
 
      </div> 
 
              <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> 
 
           
 
      </div> 
 
<div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> 
 
           
 
      </div> 
 
              <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> 
 
           
 
      </div>
 
<div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> 
 
           
 
      </div> 
 
              <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> 
 
           
 
      </div>
 
<div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> 
 
           
 
      </div> 
 
              <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> 
 
           
 
      </div>
 
<div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> 
 
           
 
      </div> 
 
              <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> 
 
           
 
      </div>
 
<div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> 
 
           
 
      </div> 
 
          </div> 
 
<div class="row"> 
 
 
         
 
              <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> 
 
           
 
      </div> 
 
              <div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> 
 
           
 
      </div> 
 
              <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> 
 
           
 
      </div> 
 
<div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> 
 
           
 
      </div> 
 
              <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> 
 
           
 
      </div>
 
<div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> 
 
           
 
      </div> 
 
              <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> 
 
           
 
      </div>
 
<div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> 
 
           
 
      </div> 
 
              <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> 
 
           
 
      </div>
 
<div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> 
 
           
 
      </div> 
 
              <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> 
 
           
 
      </div>
 
<div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> 
 
           
 
      </div> 
 
          </div>
 
<div class="row"> 
 
 
         
 
              <div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> 
 
           
 
      </div> 
 
              <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> 
 
           
 
      </div> 
 
<div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> 
 
           
 
      </div> 
 
              <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> 
 
           
 
      </div>
 
<div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> 
 
           
 
      </div> 
 
              <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> 
 
           
 
      </div>
 
<div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> 
 
           
 
      </div> 
 
              <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> 
 
           
 
      </div>
 
<div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> 
 
           
 
      </div> 
 
              <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> 
 
           
 
      </div>
 
<div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;"> 
 
           
 
      </div> 
 
  <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;"> 
 
           
 
      </div> 
 
 
</div>
 
</div>
<div class="row">
+
<div class="b">
 
+
<br>
              <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;">
+
<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 class="col-md-1" style="height:100px;background-color:;border:2px solid blue;">
 
           
 
      </div>
 
              <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;">
 
           
 
      </div>
 
<div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;">
 
           
 
      </div>
 
              <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;">
 
           
 
      </div>  
 
<div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;">
 
           
 
      </div>
 
              <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;">
 
           
 
      </div>  
 
<div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;">
 
           
 
      </div>
 
              <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;">
 
           
 
      </div>  
 
<div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;">
 
           
 
      </div>
 
              <div class="col-md-1" style="height:100px;background-color:black;border:2px solid blue;">
 
           
 
      </div>  
 
<div class="col-md-1" style="height:100px;background-color:;border:2px solid blue;">
 
           
 
      </div> 
 
             
 
          </div>  
 
 
</div>
 
</div>
    </body>
+
<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>
    </html>
+
</div>
 +
<div class="d">
 +
</div>
 +
<div class="e">
 +
<div class="e-1"></div>
 +
<div class="e-2"></div>
 +
<div class="e-3"></div>
 +
</div>
 +
</body>
 +
</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>