|
|
| 第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>
| |
