“创意网页设计团队”的版本间的差异
(→创意网页设计团队) |
(→创意网页设计团队) |
||
第31行: | 第31行: | ||
周末作业 | 周末作业 | ||
http://tj006.itoco.cn/ys/2-2.html | http://tj006.itoco.cn/ys/2-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" /> | ||
+ | <title>无标题文档</title> | ||
+ | <style type="text/css"> | ||
+ | *{margin:0;padding:0;} | ||
+ | .a{width:100%;height:150px;background:blue;color:red;line-height:150px;text-align:center;} | ||
+ | .a-1{width:100%;height:50px;background:#6CF;color:white;} | ||
+ | .a-1 p{text-align:center;padding:0px 30px 0px 30px;float:left;} | ||
+ | .dao{width:25%;height:50px;background: #630;float:left;} | ||
+ | .dao:hover{width:25%;height:50px;background: #F09;} | ||
+ | .b{width:%;height:350px;background:white;color:white;} | ||
+ | .ao{width:100%;height:50px;background: #630;display:block;} | ||
+ | .ao:hover{width:100%;height:50px;background: #39F;} | ||
+ | .b-1{width:25%;height:350px;background:#3F6;color:white;float:left} | ||
+ | .b-2{width:50%;height:350px;background:white;color:black;float:right} | ||
+ | .b-3{width:25%;height:350px;background:white;color:black;float:left} | ||
+ | .c{width:100%;height:100px;background:blue;color:white;} | ||
+ | .cler{both:clear} | ||
+ | |||
+ | |||
+ | </style> | ||
+ | </head> | ||
+ | <div class="a">商职学院</div> | ||
+ | <div class="a-1"><div class="dao"><a href="#">学习</a></div> | ||
+ | <div class="dao"><a href="#">信息</a></div> | ||
+ | <div class="dao"><a href="#">美术</a></div> | ||
+ | <div class="dao"><a href="#">音乐</a></div></div> | ||
+ | <div class="b"><div class="b-1"><p>相关信息</p> | ||
+ | <div class="ao"><a href="#">66666</a></div> | ||
+ | <div class="ao"><a href="#">666</a></div> | ||
+ | <div class="ao"><a href="#">66666</a></div> | ||
+ | <div class="ao"><a href="#">666666</a></div></div> | ||
+ | <div class="b-2"><p>学校</p> | ||
+ | <ol> | ||
+ | <li>aaaaaa</li> | ||
+ | <li>aaaaaa</li> | ||
+ | <li>aaaaaa</li> | ||
+ | <li>aaaaaa</li></ol> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | <div class="b-3"><p>学院信息</p></div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="clear"></div> | ||
+ | <div class="c"></div> | ||
+ | <body> | ||
+ | </body> | ||
+ | </html> |
2017年12月8日 (五) 02:05的版本
创意网页设计团队
- 计算机1701石鑫,计算机1701杨保光
我们致力于将自己的家乡做成网页推向世界
- 我的项目:https://gitee.com/weishenmo/wodejiaxiang.git
- 我的学院:https://gitee.com/weishenmo/school.git
- 乐扣云:学院项目:
http://tj006.itoco.cn/ys/7-1.html http://tj006.itoco.cn/ys/7-2.html http://tj006.itoco.cn/ys/8-4.h.html http://tj006.itoco.cn/ys/team.html http://tj006.itoco.cn/ys/12-1.html http://tj006.itoco.cn/ys/12-2.html http://tj006.itoco.cn/ys/13-2.html 周末作业 http://tj006.itoco.cn/ys/z.html
基本综合项目{1}
http://tj006.itoco.cn/ys/yang.html
小组项目:
http://tj006.itoco.cn/ys/7-1.h.html http://tj006.itoco.cn/ys/7-2.h.html http://tj006.itoco.cn/ys/8-4.hh.HTML http://tj006.itoco.cn/ys/9.html http://tj006.itoco.cn/ys/12-1HTML.html http://tj006.itoco.cn/ys/12-2HTML.html http://tj006.itoco.cn/ys/13-1.html
基本综合项目{1}
http://tj006.itoco.cn/ys/index.html
周末作业
http://tj006.itoco.cn/ys/2-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" /> <title>无标题文档</title> <style type="text/css">
- {margin:0;padding:0;}
.a{width:100%;height:150px;background:blue;color:red;line-height:150px;text-align:center;} .a-1{width:100%;height:50px;background:#6CF;color:white;} .a-1 p{text-align:center;padding:0px 30px 0px 30px;float:left;} .dao{width:25%;height:50px;background: #630;float:left;} .dao:hover{width:25%;height:50px;background: #F09;} .b{width:%;height:350px;background:white;color:white;} .ao{width:100%;height:50px;background: #630;display:block;} .ao:hover{width:100%;height:50px;background: #39F;} .b-1{width:25%;height:350px;background:#3F6;color:white;float:left} .b-2{width:50%;height:350px;background:white;color:black;float:right} .b-3{width:25%;height:350px;background:white;color:black;float:left} .c{width:100%;height:100px;background:blue;color:white;} .cler{both:clear}
</style>
</head>
相关信息
学校
- aaaaaa
- aaaaaa
- aaaaaa
- aaaaaa
学院信息
<body> </body> </html>