我希望能用最简单的代码去解决问题!
CSS部分
复制代码 代码如下:
<style>
#menuul{list-style:none;margin:0px;padding:0px;}
#menuli{float:left;font-size:12px;background:#999;padding:2px20px;border:1pxsolid#000;margin-left:-1px;}
</style>
内容部分:
复制代码 代码如下:
<divid="menu">
<ul>
<li>标题一</li>
<li>标题一</li>
<li>标题一</li>
<li>标题一</li>
<li>标题一</li>
<li>标题一</li>
</ul>
</div>
#menu ul { list-style:none; margin: 0px; padding: 0px; } #menu li { float:left; font-size:12px; background: #999; padding:2px 20px;border:1px solid #000; margin-left: -1px; } --> 标题一 标题一 标题一 标题一 标题一 标题一
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
【一个导航条布局的简单写法】相关文章:
★ ie6不兼容hover ie6 a hover属性失效解决办法