非常简单的导航条 DIV + CSS

最新推荐文章于 2024-09-28 17:23:57 发布

bluelzx

最新推荐文章于 2024-09-28 17:23:57 发布

阅读量187

点赞数

分类专栏： menu navigation 文章标签： CSS 情感 HTML

menu navigation 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个使用Java进行网页开发的例子，展示了如何通过Java设置页面的基本属性，并定义了链接、列表等元素的样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<%@ 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]