用CSS编写一个网页导航栏
2008-04-30 22:04
330 查看
"FONT-SIZE: 12px">列表标签:
<ul id="bar">
<li><a href="#">导航标题</a></li>
<li><a href="#">导航标题</a></li>
<li><a href="#">导航标题</a></li>
<li><a href="#">导航标题</a></li>
<li><a href="#">导航标题</a></li>
</ul>
相应CSS:
#bar{
list-style:none;
}
#bar li{
float:left;
}
#bar li a{
float:left;
padding:7px 10px;
border:1px solid #444;
margin:5px;
background-color:#666;
color:#C00;
}
#bar li a:hover{
color:#CF0;
background-color:#444;
}
<ul id="bar">
<li><a href="#">导航标题</a></li>
<li><a href="#">导航标题</a></li>
<li><a href="#">导航标题</a></li>
<li><a href="#">导航标题</a></li>
<li><a href="#">导航标题</a></li>
</ul>
相应CSS:
#bar{
list-style:none;
}
#bar li{
float:left;
}
#bar li a{
float:left;
padding:7px 10px;
border:1px solid #444;
margin:5px;
background-color:#666;
color:#C00;
}
#bar li a:hover{
color:#CF0;
background-color:#444;
}
相关文章推荐
- 用CSS、HTML编写一个两列布局的网页,右侧宽度为200px,左侧自动扩展。
- CSS制作一个简单网页的下拉导航栏
- 利用htm+css+js编写一个网页计算器
- 用CSS、HTML编写一个两列布局的网页,右侧宽度为200px,左侧自动扩展。
- 用css、html编写一个两列布局的网页,名称为css.html ,要求左侧宽度为200px ,右侧自动扩展
- html css编写一个两列布局的网页,左侧宽度为200px,右侧自动扩展
- JavaWeb --Servlet编写一个动态网页
- HTML&CSS基础学习笔记1.26-给网页添加一个css样式
- CSS学习之创建一个简单的导航栏
- 用C#编写一个抓网页的应用程序
- CSS+DIV 设计一个简单的个人网页界面
- 采用CSS+JS实现简洁的滑动导航栏_网页代码站(www.webdm.cn)
- 一个封装好的CSS分页导航栏
- css定义一个导航栏
- 一个简单的网页布局HTML+CSS
- 利用C#编写一个简单的抓网页应用程序
- CSS 用浮动制作一个导航栏
- 使用html+css+js技术编写一个完整的表格列表内容中 复选框的全选 反选效果
- 一个简单的网页编写的例子
- myRoad--详解一个漂亮的div+css网页模版(一)