采用列表标签ul li css布局 浮动css导航条。
实现代码;
#nav {
height: 30px;
width: 100%;
background-color: #c00;
}
#nav ul {
margin: 0 0 0 30px;
padding: 0px;
font-size: 12px;
color: #fff;
line-height: 30px;
white-space: nowrap;
}
#nav li {
list-style-type: none;
display: inline;
}
#nav li a {
text-decoration: none;
font-family: arial, helvetica, sans-serif;
padding: 7px 10px;
color: #fff;
}
#nav li a:hover {
color: #ff0;
background-color: #f00;
}
- homepage
- div css教程
- css布局实例
- css2.0教程
- css在线手册
- web标准
- xhtml教程
