|
马上注册,结交更多好友,享用更多功能^_^
您需要 登录 才可以下载或查看,没有账号?立即注册
x
<!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=gb2312" />
<title>div+css</title>
<style type="text/css">
ul,body{
margin:0px;
padding:0px;
font-size:12px;
float:left;}
#a{ width:960px;
/*height:760px;
background:red;*/
margin:0px auto;}
#head{
width:100%;
height:55px;
/*background:#FF6633;*/}
#logo{
width:200px;
height:55px;
background:#3366FF;
float:left;}
#banner{
width:755px;
height:55px;
background:#CC6666;
float:right;}
#menu{
width:100%;
height:28px;
background:#990033;
float:left;}
#menu ul{
list-style:none;
float:left;}
#menu li{
width:100%;
height:28px;
float:left;
line-height:28px;}
#menu a{
text-decoration:none;
color:#000;
}
#menu a:hover{
color:#CC6600;
position: relative;
top:2px;
left:2px;
}
#main{
width:100%;
height:500px;
/*background:#CCFF33;*/}
#mainleft{
width:750px;
height:500px;
/*background:#99FF33;*/
float:left;}
.left{
width:372px;
height:247px;
background:#999933;
float:left;}
.right{
width:372px;
height:247px;
background:#33FF66;
float:right;}
#mainright{
width:205px;
height:500px;
background:#33FF22;
float:right;}
#foot{
width:100%;
height:45px;
background:#FF00CC;}
.sp{
width:100px;
height:4px;
clear:both;
background:#FFFFFF;
overflow:hidden;}
</style>
</head>
<body>
<div id="a">
<div id="head">
<div id="logo"></div>
<div id="banner"></div>
<div class="sp"></div>
<div id="menu">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">学院简介</a></li>
<li><a href="#">专业介绍</a></li>
<li><a href="#">精品课程</a></li>
<li><a href="#">名师讲座</a></li>
<li><a href="#">招生信息网</a></li>
<li><a href="#">返回首页</a></li>
</ul>
</div>
</div>
<div class="sp"></div>
<div id="main">
<div id="mainleft">
<div class="left"></div>
<div class="right"></div>
<div class="sp"></div>
<div class="left"></div>
<div class="right"></div>
</div>
<div id="mainright">
<div id="top"></div>
<div id="bottom"></div>
</div>
</div>
<div class="sp"></div>
<div id="foot"></div>
</div>
</body>
</html>
为啥我的menu显示不出来,求解释! |
|