页面导航: 首页网络编程CSS/HTML → 正文内容

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

发布:dxy 字体:[增加 减小] 类型:转载
我希望能用最简单的代码去解决问题!
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>

点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
百度中搜索更多的关于一个导航条布局的简单写法内容,或者用Google搜索相关更多
浏览次数:载入中... 打印本文关闭本文文章来源

文章评论

共有 位脚本之家网友发表了评论我来说两句

同 类 文 章
最 近 更 新
热 点 排 行