一个导航条布局的简单写法
更新时间：2006年09月28日 00:00:00 作者：
我希望能用最简单的代码去解决问题！
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 全选 注:引入外部Js需再刷新一下页面才能执行]
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 全选 注:引入外部Js需再刷新一下页面才能执行]
相关文章
IE图片下空隙问题解决方法集合...2006-09-09
这篇文章主要介绍了一些css基础知识关于CSS样式的分类介绍，包括内部样式，行内样式，外部样式等，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值2021-07-07
给图片加阴影效果的CSS...2006-07-07
文字或图片元素在DIV中垂直居中...2006-09-09
这篇文章主要介绍了HTML iframe标签用法案例详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下2021-08-08
CSS实现简单的图片防盗链代码...2006-09-09
自定义容器和字体大小...2006-07-07
用!important解决IE和Mozilla的布局差别...2006-08-08
CSS关于相对定位和绝对定位的说明实例...2006-09-09
CSS做一个超链接的陷下效果...2006-09-09
最新评论