一个导航条布局的简单写法


            我希望能用最简单的代码去解决问题！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>  
#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需刷新才能执行]