查看“独立纵队”的源代码
←
独立纵队
跳转至:
导航
,
搜索
因为以下原因,您没有权限编辑本页:
您所请求的操作仅限于该用户组的用户使用:
用户
您可以查看与复制此页面的源代码。
==小马哥的队== *计算机1701 张三,计算机1701 李四 *学院项目: **源代码: https://gitee.com/m1/share.git **网址1:http://ma.itoco.cn/black8/school/7-1.html **网址2:http://ma.itoco.cn/black8/school/7-2.html *小组项目: **源代码:https://gitee.com/m2/share.git **网址1:http://ma.itoco.cn/black8/team/7-1.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 xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0"> <title>008</title> <style type="text/css"> .layer1{width:100%; height:160px;both;background:red} .layer1-1{width:100%; height:120px;both;background:#F06} .layer1-2{width:100%; height:40px;both;background:#0F0} .layer2{width:100%; height:150px; background:green;color:blue;text-align:center;text-align:center;} .layer2-1{width:70%; height:160px;both;background:yellow;float:left} .layer2-2{width:30%; height:160px;both;background:green;float:left} .layer2-3{clear:both;} .layer3{width:100%; height:150px;background:blue;color:white;text-align:center;} @media screen and (min-width: 900px) and (max-width: 1200px){ .layer1{width:100%;} .layer1-1{width:100%;} .layer1-2{width:100%;} .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> </head> <body> <div id="a"> <div id="a-1"> <div id="A"> <a href="#">新闻</a> <a href="#">网页</a> <a href="#">微信</a> <a href="#">问问</a> <a href="#">图片</a> <a href="#">视频</a> <a href="#">小说</a> <a href="#">购物</a> </div> </div> <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 id="a-3"> <div id="A-1"> <a href="#">首页</a> <a href="#">热点</a> <a href="#">电视</a> <a href="#">电影</a> <a href="#">电视剧</a> </div> </div> </div> <div id="b"> <div id="b-1"> <p>123456</p></br> <p>123456</p></br> <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 id="c"></div> </body> </html>
返回至
独立纵队
。
导航菜单
个人工具
登录
命名空间
页面
讨论
变种
视图
阅读
查看源代码
查看历史
更多
搜索
导航
首页
最近更改
随机页面
帮助
工具
链入页面
相关更改
特殊页面
页面信息