一个导航条布局的简单写法
发布时间:2016-12-29 来源:查字典编辑
摘要:我希望能用最简单的代码去解决问题!CSS部分复制代码代码如下:#menuul{list-style:none;margin:0px;padd...
我希望能用最简单的代码去解决问题!
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需刷新才能执行]