<font color=red>一个导航条布局的简单写法</font>


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

上一个：组合CLASS来完成网页布局风格
下一个：CSS重新定义项目符号和编号技巧

更多图片编程知识: