<divid="menu">
<ul>
<li>首页</li>
<li>网页版式结构</li>
<li>div+css教程</li>
<li>div+css实例</li>
<li>经常使用代码</li>
<li>站长杂谈</li>
<li>手艺文档</li>
<li>资本下载</li>
<li>图片素材</li>
</ul>
</div>
<styletype="text/css">
#menuul{list-style:none;margin:0px;padding:0px;}
</style>
body,ul,li,h1,h2,h3,h4,h5,h6,p,form,dl,dt,dd{margin:0px;padding:0px;font-size:12px;font-weight:normal;}
ul{list-style:none;}
img{border-style:none;}
#menuul{list-style:none;margin:0px;padding:0px;}
#menuulli{background:#eee;padding:0px8px;height:26px;line-height:26px;border-bottom:1pxsolid#CCC;}
h1,h2,h3,h4,h5,h6{
color:green;
}
p,div,span{
font-size:20px;
}
<divid="menu">
<ul>
<li><ahref="@#">首页</a></li>
<li><ahref="#">网页版式结构</a>
<ul>
<li><ahref="#">自顺应宽度</a></li>
<li><ahref="#">流动宽度</a></li>
</ul>
</li>
<li><ahref="#">div+css教程</a>
<ul>
<li><ahref="#">老手进门</a></li>
<li><ahref="#">视频教程</a></li>
<li><ahref="#">罕见成绩</a></li>
</ul>
</li>
<li><ahref="#">div+css实例</a></li>
<li><ahref="#">经常使用代码</a></li>
<li><ahref="#">站长杂谈</a></li>
<li><ahref="#">手艺文档</a></li>
<li><ahref="#">资本下载</a></li>
<li><ahref="#">图片素材</a></li>
</ul>
</div>
#menuulli.currentul{display:block;}
欢迎光临 仓酷云 (http://www.ckuyun.com/) | Powered by Discuz! X3.2 |