我希望能用最简单的代码去解决问题!
CSS部分
复制代码 代码如下:
<style>
#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;}
</style>
内容部分:
复制代码 代码如下:
<div id=”menu”>
<ul>
<li>标题一</li>
<li>标题一</li>
<li>标题一</li>
<li>标题一</li>
<li>标题一</li>
<li>标题一</li>
</ul>
</div>
<style> #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; } –> </style> </head> <body> <div id=”menu”> <ul><li>标题一</li> <li>标题一</li> <li>标题一</li> <li>标题一</li> <li>标题一</li> <li>标题一</li> </ul></div> </body> </html>
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]