1.左邊欄

css樣式

*{margin:0px;padding:0px;}

a{text-decoration:none;}

#menu{width:210px;height:468px;background:#C81623;position:relative;left:70px;top:120px;}

#menu ul li{list-style:none;width:100%;height:30px;/*background:blue;*/line-height:30px;}

#menu>ul>li{/*color:white;*/font-size:14px;/*font-size:16px;*//*font-family:微軟雅黑 ;*/font-family:microsoft yahei;}

#menu>ul>li>a{color:white;margin-left:10px;}

#menu>ul>li>span{float:right;margin-right:10px;color:#F7F7F7;}

#menu>ul>li:hover>a{color:#C81623;}

#menu>ul>li>ul{width:300px;height:468px;background:#CCC;/*display:none;*/position:absolute;top:0px;left:210px;display:none;}

#menu>ul>li>ul>li{height:30px;width:100%;}

#menu>ul>li>ul>li>a{color:black;margin-left:10px;}

div

<div id="menu">

? ? ? ? <ul>

? ? ? ? ? ? <li>

? ? ? ? ? ? ? ? <a href="#">家用電器</a><span>></span>

? ? ? ? ? ? ? ? <ul>[]

? ? ? ? ? ? ? ? ? ? <li><a href="">大家電</a></li>

? ? ? ? ? ? ? ? ? ? <li><a href="">小家電</a></li>

? ? ? ? ? ? ? ? ? ? <li><a href="">生活電器</a></li>

? ? ?