“独立纵队”的版本间的差异
第73行: | 第73行: | ||
#A{width:80%;height:60px;text-align:center;background-color:#CCC} | #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{width:10%;line-height:60px;font-weight:bolder;float:left;height:60px} | ||
− | #A a:hover{color:#F00;background-color:# | + | #A a:hover{color:#F00;background-color:#666} |
#A-1{width:100%;height:60px;text-align:center;background-color:#000} | #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{width:16%;line-height:60px;font-weight:bolder;float:left;height:60px;color:#FFF} | ||
− | #A-1 a:hover{color:#F00;background-color:# | + | #A-1 a:hover{color:#F00;background-color:#666;} |
form{text-align:center;line-height:180px} | form{text-align:center;line-height:180px} | ||
− | + | ||
{border:1px solid black;} | {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> | ||
第99行: | 第107行: | ||
</div> | </div> | ||
<div id="a-2"> | <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 id="a-3"> | ||
第119行: | 第136行: | ||
<p>123456</p></br> | <p>123456</p></br> | ||
</div> | </div> | ||
− | <div id="b-2"></div> | + | <div id="b-2"><img src="file:///C|/Users/Administrator/Desktop/center.jpg" width="799" height="303" /></div> |
</div> | </div> |
2018年1月5日 (五) 01:48的版本
小马哥的队
- 计算机1701 张三,计算机1701 李四
- 学院项目:
- 小组项目:
<!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>
</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>
<a href="#">新闻</a> <a href="#">网页</a> <a href="#">微信</a> <a href="#">问问</a> <a href="#">图片</a> <a href="#">视频</a> <a href="#">小说</a> <a href="#">购物</a>
<form method="get" >
<img src="file:///C|/Users/Administrator/Desktop/1.png" width="174" height="39" align="right" /> | <input type="text" name="lname"> <input type="submit" value="热狗搜索"> |
</form>
<a href="#">首页</a> <a href="#">热点</a> <a href="#">电视</a> <a href="#">电影</a> <a href="#">电视剧</a>
123456
</br>123456
</br>123456
</br>123456
</br>123456
</br></body> </html>