CSS 制作菜单栏
来源:互联网 发布:移动通信网络优化 编辑:程序博客网 时间:2024/05/18 09:16
1、如何用ul制作一行菜单
<body>
<ul>
<li><a href="#">Link one</a></li>
<li><a href="#">Link two</a></li>
<li><a href="#">Link three</a></li>
<li><a href="#">Link four</a></li>
</ul>
<p>
样式:
<style type="text/css">
ul{
float:left;margin:auto;padding:auto;width:800px;list-style-type:none;
}
ul li{
display:inline;
}
ul li a{
float:left;padding-left:10px;padding-right:10px;color:#00FF00;background-color:#6600FF;text-decoration:none;border-right:1px solid white
}
a.hover{
background-color:#CC0099;
}
</style>
关键点:display:inline----使得li能连接在一起,以前一直设置li float:left,太麻烦了。
- CSS 制作菜单栏
- 如何用CSS+DIV制作二级菜单栏
- CSS实现菜单栏制作,鼠标经过变色
- Css-菜单栏
- 纯CSS制作的二级导航菜单栏(通过变化菜单栏的样式实现)
- Qt菜单栏的制作
- 导航菜单栏制作
- 菜单栏的制作
- 菜单栏的制作
- 菜单栏的制作
- Unity3d制作菜单栏
- js+css特效菜单栏
- css垂直菜单栏
- CSS滑动门横向菜单栏
- (div+css特效代码) 导航菜单栏
- 纯css菜单栏的下拉
- 纯css实现二级菜单栏
- 纯css实现三级菜单栏
- Global Positioning System: Theory and Applications
- Latex排版
- Vi常用命令(三)模式切换
- java文件输入输出常用格式
- Core Java2 Volume学习小结1
- CSS 制作菜单栏
- packet编译
- phpadmin链接表的额外特性尚未激活的解决办法
- 思科路由器上实测ipv6地址
- Fzu_1060 Fibonacci数列
- Vi常用命令(四)命令模式
- JScript 的变量
- 解决此word打开时提示:文档有宏 该应用程序的宏语言支持功能被取消 问题
- 读取从键盘输入的多位整数