<style type="text/css">
<!--
.STYLE1 {font-size: medium}
.STYLE3 {font-size: 14px}
.STYLE4 {font-size: 16px}
-->
</style>
</head>
<body>
<div id="menu">
<ul>
<li><a href="index.html">主页</a></li>
<li><a href="Products.html">产品 </a></li>
<li><a href="about_Us.html">关于我们 </a></li>
<li><a href="contact_us.html">联系我们 </a></li>
<li><a href="customer_Service.html">客户服务 </a></li>
<li> <a href="FAQ.html">常见问题解答</a></li>
<li> <a href="news.html">家具知识</a></li>
<li> <a href="en/index.html">English</a></li></ul>
</div>
这个是网页菜单栏的代码.
#menu {
background: #FFFFFF url(images/img01.gif) repeat-x;
width: 960px;
height: 45px;
margin: 0 auto;
padding: 0px 0;
font-size:16px;
}
#menu ul {
height: 45px;
margin: 0;
padding: 0;
background: url(images/img03.gif) no-repeat;
list-style: none;
}
#menu li {
float: left;
height: 45px;
background: url(images/img03.gif) no-repeat right top;
}
#menu a {
float: left;
height: 20px;
margin: 0px;
text-decoration: none;
text-transform: uppercase;
font-size: smaller;
font-weight: bold;
color: #000000;
padding-top: 10px;
padding-right: 15px;
padding-bottom: 10px;
padding-left: 15px;
}
#menu a:hover {
background: url(images/img02.gif) repeat-x;
color: #FFFFFF;
height: 45px;
}
#menu .current_page_item a {
height: 45px;
color: #FFFFFF;
}
这些是CSS代码..我想在"产品"项中加下拉菜单.请问要如何改.请说得详细点.谢谢.