文件1

网页制作中所需要制作的图片样式

bg.gif

hover.gif


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>淡蓝色CSS导航菜单</title>

<link rel="stylesheet" media="all" type="text/css" href="menu_style.css" />
<!--[if IE]>
<link rel="stylesheet" media="all" type="text/css" href="ie.css" />
<![endif]-->
</head>

<body>
<div class="nav">
<div class="table">

<ul class="select"><li><a href="#"><b>首页</b></a></li></ul>

<ul class="select"><li><a href="#"><b>DIV+CSS模板</b></a>
<div class="select_sub">
 <ul class="sub">
  <li><a href="#">DIV+CSS模板一</a></li>
  <li><a href="#">DIV+CSS模板二</a></li>
  <li><a href="#">DIV+CSS模板三</a></li>
  <li><a href="#">DIV+CSS模板四</a></li>
  <li><a href="#">DIV+CSS模板五</a></li>
 </ul>
</div>
</li>
</ul>

<ul class="select"><li><a href="#"><b>CSS导航</b></a>
<div class="select_sub">
 <ul class="sub">
  <li><a href="#">CSS导航一</a></li>
  <li><a href="#">CSS导航二</a></li>
  <li><a href="#">CSS导航三</a></li>
  <li><a href="#">CSS导航四</a></li>
  <li><a href="#">CSS导航五</a></li>
 </ul>
</div>
</li>
</ul>


<ul class="select"><li><a href="#"><b>CSS代码</b></a>
<div class="select_sub">
 <ul class="sub">
  <li><a href="#">CSS代码二</a></li>
  <li><a href="#">CSS代码三</a></li>
  <li><a href="#">CSS代码四</a></li>
  <li><a href="#">CSS代码五</a></li>
  <li><a href="#">CSS代码六</a></li>
 </ul>
</div>
</li>
</ul>


<ul class="select"><li><a href="#"><b>后台模板</b></a>
<div class="select_sub">
 <ul class="sub">
  <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>
</li>
</ul>

</div>
</div>

<br />
</body>
</html>