caidan.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>基於div的菜單板式</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div id="wrap">
<div id="head">
<div id="top">
<img src="" alt="">
</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>
</ul>
</div>
</div>
<div id="banner">
<img src="" alt="">
</div>
</div>
</body>
</html>
style.css
*{
margin: 0px;
padding: 0px;
}
#wrap{
width: 1070px;
margin: 0px auto ;
}
ul{
list-style-type: none;
}
a{
text-decoration: none;
}
body{
font-family: "宋體";
}
#head{
float: left;
width: 1070px;
height: 174px;
}
#banner{
float: left;
}
#menu{
float: left;
width: 1070px;
height: 40px;
background-image: url();
}
#menu ul li{
float: left;
}
#menu ul li a{
display: block;
width: 90px;
height: 37px;
text-align: center;
font-size: 15px;
color: #006;
}