手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >一个导航条布局的简单写法
一个导航条布局的简单写法
摘要:我希望能用最简单的代码去解决问题!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需刷新才能执行]

【一个导航条布局的简单写法】相关文章:

CSS如何制作一个向各个方向延展box?

8个对学习CSS3非常实用的帮助手册

ie8下不解析background属性与书写格式有关

ie6不兼容hover ie6 a hover属性失效解决办法

10条影响CSS渲染速度的写法

10个不错的CSS3表单教程

li行间距大(IE中多了5个像素)的解决方法

垂直三栏布局拥有相同高度的方法

CSS布局需要掌握的8个你技巧

发现两个有趣的CSS3动画效果

精品推荐
分类导航