“创意网页设计团队”的版本间的差异

来自CloudWiki
跳转至： 导航， 搜索
（→‎创意网页设计团队）
（→‎创意网页设计团队）
第26行： 第26行：
 
基本综合项目{1}
 
基本综合项目{1}
 
       http://tj006.itoco.cn/ys/index.html
 
       http://tj006.itoco.cn/ys/index.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:30%;height:150px;background:blue;color:red;}
 +
.a-2{width:100%;height:150px;background:blue;color:red;}
 +
.a-1{width:100%;height:150px;background:blue;color:red;float:left;line-height:150px;text-align:center;}
 +
#navigation {   
 +
width:50%;
 +
height:140px;
 +
background-color:blue;
 +
font-weight:bold;
 +
font-size:1em;
 +
text-align:center; /* 这个属性使盒子中的链接居中 */
 +
margin:0;
 +
padding:0;
 +
float:right;
 +
 +
}
 +
#navigation a{
 +
 +
width:16%;
 +
float:left;
 +
height:140px;
 +
line-height:4em;
 +
color:#FFFFFF;
 +
background-color:#1136c1;
 +
padding:5px 5px 5px 0.5em;
 +
text-decoration:none;
 +
border-left:12px solid #151571; /* 左边的粗边 */
 +
float:right;
 +
}
 +
#navigation  a:hover{ /* 鼠标经过时 */
 +
background-color:#002099; /* 改变背景色 */
 +
color:#ffff00; /* 改变文字颜色 */
 +
border-left:12px solid yellow;
 +
  }
 +
 +
 +
.clear{clear:both;}
 +
.b{width:100%;height:500px;background:white;color:red;}
 +
.b-1{width:100%;height:250px;background:green;color:red;}
 +
p{background:blue;color:white;}
 +
.b-2{width:25%;height:150px;background:yellow;color:red;margin:10px;padding:15px;float:left;}
 +
.b-3{width:25%;height:150px;background:yellow;color:red;margin:10px;padding:15px;float:left;}
 +
.b-4{width:25%;height:150px;background:yellow;color:red;margin:10px;padding:15px;float:left;}
 +
</style>
 +
</head>
 +
 +
<body>
 +
<div class="a-1"><div id="navigation">
 +
<a href="#">Home</a>
 +
<a href="#">Contact us</a>
 +
<a href="#">Web Dev</a>
 +
<a href="#">Map</a>
 +
</div>
 +
<div class="a">山东商业职业学院
 +
</div></div>
 +
<div class="clear"></div>
 +
 +
 +
<div class="b">
 +
  <div class="b-1"><img src="photo7.jpg" width="663" height="252" class="content_img"></div>
 +
  <div class="b-2"><p>111</p></div>
 +
  <div class="b-3"><p>111</p></div>
 +
  <div class="b-4"><p>111</p></div></div>
 +
<div class="clear"></div>
 +
 +
 +
 +
<div class="a-2"><p></p></div>
 +
</body>
 +
</html>

2017年12月1日 (五) 02:06的版本

创意网页设计团队

  • 计算机1701石鑫,计算机1701杨保光

我们致力于将自己的家乡做成网页推向世界 

      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

基本综合项目{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/TAME.html
   http://tj006.itoco.cn/ys/12-1HTML.html
   http://tj006.itoco.cn/ys/12-2HTML.html

基本综合项目{1} 

     http://tj006.itoco.cn/ys/index.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:30%;height:150px;background:blue;color:red;} .a-2{width:100%;height:150px;background:blue;color:red;} .a-1{width:100%;height:150px;background:blue;color:red;float:left;line-height:150px;text-align:center;}

  1. navigation {

width:50%; height:140px; background-color:blue; font-weight:bold; font-size:1em; text-align:center; /* 这个属性使盒子中的链接居中 */ margin:0; padding:0; float:right;

}

  1. navigation a{

width:16%; float:left; height:140px; line-height:4em; color:#FFFFFF; background-color:#1136c1; padding:5px 5px 5px 0.5em; text-decoration:none; border-left:12px solid #151571; /* 左边的粗边 */ float:right; 

}
#navigation  a:hover{					/* 鼠标经过时 */

background-color:#002099; /* 改变背景色 */ color:#ffff00; /* 改变文字颜色 */ border-left:12px solid yellow; 

 }


.clear{clear:both;} .b{width:100%;height:500px;background:white;color:red;} .b-1{width:100%;height:250px;background:green;color:red;} p{background:blue;color:white;} .b-2{width:25%;height:150px;background:yellow;color:red;margin:10px;padding:15px;float:left;} .b-3{width:25%;height:150px;background:yellow;color:red;margin:10px;padding:15px;float:left;} .b-4{width:25%;height:150px;background:yellow;color:red;margin:10px;padding:15px;float:left;} </style> </head>

<body>

山东商业职业学院


<img src="photo7.jpg" width="663" height="252" class="content_img">

111

111

111


</body> </html>

取自“http://www.openbrains.net/mediawiki/index.php?title=创意网页设计团队&oldid=3158”