手机
当前位置:查字典教程网 >网页设计 > 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需刷新才能执行]

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

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

CSS如何给一个绝对定位的元素设定自适应宽度

用CSS的float属性创建三栏布局网页的方法

三个很特别的CSS小技巧分享

CSS教程:闭合CSS浮动元素的几种方法

CSS伪类对象before和after的用法实例详解

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

CSS中文字体对应的英文写法

常用CSS缩写语法

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

精品推荐
分类导航