#id（id就是你自己给这个导航起的名字比如：navigation）li a:link，#id（你自己给这个导航起的名字比如：navigation）li a:visited{
}这个整串就是设置链接的样式的，下划线啊，文字样式啊，背景图片啊等等你就可以直接在这个大括号里面定义。比如你这个网站文字是白色，大小是14像素在里面直接写color:#fffffffont-size:14px以此类推。
#id（就是你自己给这个导航起的名字比如：navigation）li a:hover{
}这个是设置鼠标经过链接的，大括号里的内容设置同上。
懂了吧，答案合适的话请给我最佳，谢谢！
给你个最简单的 自己可以改下 记得采纳<script language="javascript">
function Hyt(ID){
var obj = document.getElementById(ID)
if(obj.style.display=="none"){
obj.style.display = ""
}else{
obj.style.display = "none"
}
}
</script>
<div class="left_con">
<ul>
<li id="li1" style="border-top:none">
<p onclick="Hyt('divc1')">电感</p>
<ul id="divc1" style="display:none">
<li><a href="#">贴片电感</a></li>
</ul>
</li>
<li id="li1">
<p onclick="Hyt('divc2')"><a href="productlist2.html">线圈</a></p>
<ul id="divc2" style="display:none">
<li><a href="#">贴片电感</a></li>
</ul>
</li>
</li>
<li id="li1">
<p onclick="Hyt('divc3')"><a href="productlist3.html">变压器</a></p>
<ul id="divc3" style="display:none">
<li><a href="#">贴片电感</a></li>
</ul>
</li>
<li id="li1">
<p onclick="Hyt('divc4')"><a href="#">滤波器</a></p>
<ul id="divc4" style="display:none">
<li><a href="#">贴片电感</a></li>
</ul>
</li>
</ul>
</div>
Tab菜单比较简单的方法是直接使用dreamweaver cs3的spry制作,其他方法制作难度比较大，不管哪种方法，必须要使用javascript调用。
<ul class="tabs">
<li>
<input type="radio" name="tabs" id="tab1" checked />
<label for="tab1">选项卡 1</label>
<div id="tab-content1" class="tab-content">
<p>选项卡内容 1</p>
</div>
</li>
<li>
<input type="radio" name="tabs" id="tab2" />
<label for="tab2">选项卡 2</label>
<div id="tab-content2" class="tab-content">
<p>选项卡内容 2</p>
</div>
</li>
</ul>
