绿色下划线的简洁CSS导航代码
发布时间：2007-09-17 12:51:00
标签：导航,下划线
一个不错的绿色下划线的简洁CSS导航代码，纯css不用图片，效果图如下：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>绿色下划线的简洁CSS导航代码 - asp之家</title>
<style>
body{background-color:#292929;font-family:Arial, Helvetica, sans-serif;font-size:12px;text-align:center}
#navcontainer{width:778px}
#navlist
{
margin: 0;
padding: 0 0 20px 20px;
border-bottom: 1px solid #444;
}
#navlist ul, #navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}
#navlist a:link, #navlist a:visited
{
float: left;
line-height: 14px;
margin: 0 10px 4px 10px;
text-decoration: none;
color: #999;
}
#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
border-bottom: 1px solid #76B41C;
padding-bottom: 5px;
background: transparent;
color: #fff;
}
#navlist a:hover { color: #EEEE; }
</style>
</head>
<body>
<p> </p>
<p> </p>
<div id="navcontainer">
<ul id="navlist">
<li><a href="https://www.aspxhome.com/" target="_blank" id="current">Link 01</a></li>
<li><a href="https://www.aspxhome.com/" target="_blank">Link 02</a></li>
<li><a href="https://www.aspxhome.com/" target="_blank">Link 03</a></li>
<li><a href="https://www.aspxhome.com/" target="_blank">Link 04</a></li>
<li><a href="https://www.aspxhome.com/" target="_blank">Link 05</a></li>
<li><a href="https://www.aspxhome.com/" target="_blank">Link 06</a></li>
<li><a href="https://www.aspxhome.com/" target="_blank">Link 07</a></li>
<li><a href="https://www.aspxhome.com/" target="_blank">Link 08</a></li>
<li><a href="https://www.aspxhome.com/" target="_blank">Link 09</a></li>
</ul>
</div>
</body>
</html>
0
投稿猜你喜欢
- 写了几年代码，很少谈到javascript程序的执行效率问题，今天就举几个例子看看，让大家看看程序优化是多么重要。这节来看看createEl
- Oracle游标分为显示游标和隐式游标。显示游标（Explicit Cursor）:在PL/SQL程序中定义的、用于查询的游标称作显示游标。
- 1、并双击新建工程窗口中ActiveX DLL图标，VB将自动为项目添加一个类模块，并将该项目类型设置为ActiveX DLL。2、在属性窗
- “网页设计三剑客”可能很多新同学都没听说过，因为缔造神话的公司已经快销声匿迹。“网页设计三剑客”是Macromedia公司旗下Dreamwe
- 对MySQL的用户而言，备受诟病的一个问题就是导入SQL备份文件时不能并发，使得导入的效率很低。今天，我们就来改变下思路，尝试一下并发导入的
- 如何干预执行计划 - - 使用hints提示基于代价的优化器是很聪明的，在绝大多数情况下它会选择正确的优化器，减轻了DBA的负担。但有时它也
数据库复制：简单来说，数据库复制就是由两台服务器，主服务器和备份服务器，主服务器修改后，备份服务器自动修改。复制的模式有两种：推送模式和请求- SSI是英文Server Side Includes的缩写，翻译成中文就是服务器端包含的意思。从技术角度上说，SSI就是在HTML文件中，可
- BCP语句的作用：BCP是SQL提供的进行数据传输的实用程序，这种语句提供了非常快的数据导入的方法。（当然7。0也有BCP的替代方法就是DT
- 先来说eval的用法，内容比较简单，熟悉的可以跳过。eval函数接收一个参数s，如果s不是字符串，则直接返回s。否则执行s语句。如果s语句执
- 前言：最近某个时间开始，特别留意了一下Web标准中柱状图，也就是英文中的bar graph的实现。虽然实现方法各异，效果不尽相同，但是总体来
- 一、图像缩略图的编辑图像的缩略图是指把图像按原比例缩小,可作为原图的预览，这在网络速度比较慢时可快速地显示图片的概图。当你的网页上有大型图片
- msxml3.dll 错误 '80004005'未指定的错误/Project/lijiang_071017/include/
- # 建表CREATE TABLE `T_TEST` ( `Id` int(11) NOT NULL AUTO_INCREMENT
- 在CSS中，模式（pattern）匹配规则决定那种样式规则应用于文档树(document tree)的哪个元素。这些模式叫着选择符（sele
- 从去年六一儿童节的LOGO开始，我们就要求以后的每一个节日FLASH LOGO设计时除了具备创意故事外，还必须设计一个小的互动效果，当受众把
- 一个非常简单的将半角"转换为中文"的asp函数function new_str(str)
- 你用过css么？当然，我是指你喜欢做网页的话，用过？很好，那你用过它的特效么？没有？那请跟我来。让我先
- 加班时抽空弄的，javascript图片链接定时轮换，自适应图片大小，支持预载，进行了简单封装，方便调用。发现自己还是菜得很，一个简单效果被
- 代码如下:'个人代码风格注释（变量名中第一个小写字母表表示变量类型） 'i:为Integer型; 's:为Strin
