bluelzx

2008-05-20

非常简单的导航条 DIV + CSS

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>

Home page
* {
padding: 0;
margin: 0;
font-size: 12px;
line-height: 1.7;
font-family: Verdana, "宋体", Arial;
list-style: none;
}
/*简单定义了一下全局*/
a:link,a:visited {
background: #FFF3C6 url(jaian.gif) no-repeat 15px 7px;
padding-left: 23px;
color: #000000;
text-decoration: none;
}
a:hover,a:active {
color: #000;
text-decoration: none;
background-color: #FED762;
}
a {
display: block;
border-bottom: 1px solid #fff;
padding-left: 10px;
width: 127px;
}
/*定义链接的样式*/
ul {
background: #fff;
width: 150px;
border: 1px solid #FF6600;
margin: 0px 20px -1px 20px;
padding: 1px;
}
/*定义了UL*/
span {
display: block;
background: #FF9900 url(jai.gif) no-repeat 5px 5px;
padding-left: 13px;
}

我的日志

给我留言

情感文章