以下是单级导航条代码,我想把它变成多极的,就是每个选项下还有1个导航条列或者是3级的导航条列,请问怎么实现
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Free Menu Designs - e-lusion.com</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="author" content="Ian Main" />
<meta name="Copyright" content="Creative Commons -
creativecommons.org/licenses/by/2.0/"; />
<style type="text/css">
<!--
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;
font-size: 80%;
font-weight: bold;
background: #F3FAFF;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
/* =-=-=-=-=-=-=-[Menu Six]-=-=-=-=-=-=-=- */
#menu6 {
width: 200px;
margin: 10px;
}
#menu6 li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}
#menu6 li a:link, #menu6 li a:visited {
color: #8D9179;
display: block;
background: url(menu6.gif);
padding: 8px 0 0 10px;
}
#menu6 li a:hover, #menu6 li #current, #menu6 li a:active {
color: #6C7250;
background: url(menu6.gif) 0 -32px;
padding: 8px 0 0 10px;
}
-->
</style>
</head>
<body>
<div id="menu6">
<ul>
<!-- CSS Tabs -->
<li><a id="current" href="主页.html">主页</a></li>
<li><a href="产品 .html">产品 </a></li>
<li><a href="服务 .html">服务 </a></li>
<li><a href="支持 .html">支持 </a></li>
<li><a href="命令 .html">命令 </a></li>
<li><a href="新闻.html">新闻</a></li>
<li><a href="关于 .html">关于 </a></li>
</ul>
</div>
</body>
</html>
