非常简单的导航条 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;
}


[list]
网站首页
[url=#]我的日志[/url]

[url=#]给我留言[/url]

[url=#]情感文章[/url]

[/list]

最后

以上就是靓丽薯片为你收集整理的非常简单的导航条 DIV + CSS的全部内容，希望文章能够帮你解决非常简单的导航条 DIV + CSS所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。