这篇博客介绍了如何使用CSS和DIV元素创建二级菜单栏。通过设置list-style属性为none，利用float属性布局，以及对dt和dd元素的样式调整，实现了菜单项的展示和分组。示例代码展示了具体的实现方式。
<style>
#s8{list-style:none;}
#s8 li{float:left; margin-right:10px; background:#990; }
#s8 li dl{ margin-bottom:10px; padding:0px; }
#s8 li dl dt{ background:#9F3;text-align:left;}
</style>
<ul id="s8">
<li>
<dl>
<dt>4444444444444</dt>
<dd>4145887444444</dd>
<dd>4444444</dd>
<dd>5555555</dd>
</dl>
</li>
<li>
<dl>
<dt>4444444444444</dt>
<dd>4145887444444</dd>
<dd>4444444</dd>
<dd>5555555</dd>
</dl>
</li>
<li>
<dl>
<dt>4444444444444</dt>
<dd>4145887444444</dd>
<dd>4444444</dd>
<dd>5555555</dd>
</dl>
</li>
</ul>
</div>
扫一扫
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
