独立纵队
小马哥的队
- 计算机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>