绿色下划线的简洁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>
![](https://www.aspxhome.com/images/zang.png)
![](https://www.aspxhome.com/images/jiucuo.png)
猜你喜欢
- 前言一周没有更新博客了,这一周的时间内加强了对机器学习和图像处理的学习。学的有点混乱,有必要记录一下。深度学习可以解决很多问题,但有时候深度
- 对于不可变类型传递值(不会影响原数据) 不可变类型对于可变类型传递引用(会影响原数据) 不可变类型传递引用python3
- 这里列出了13种实现图片或网页内容 lightbox 效果的方法,大部分是链接到各种lightbox作者的英文页面,里面都有源代码下载。Th
- 简介这是实验室2018年底招新时的考核题目,使用Python编写一个能够完成基本对战的五子棋游戏。面向新手。程序主要包括两个部分,图形创建与
- 1、授权机制的主要作用是什么?授权机制的基本作用是给某个主机上的用户对某个数据库以select,insert,update和detete的权
- 这篇文章主要介绍了python检测服务器端口代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友
- 编写Python代码,大家都需要遵循PEP8,因此在pycharm中,如何设置每行最大长度限制,成为了一个小的知识盲点,在这里做一下记录,方
- 对于一些数据量较大的系统,数据库面临的问题除了查询效率低下,还有就是数据入库时间长。特别像报表系统,每天花费在数据导入上的时间可能会长达几个
- Date.prototype.format = function(format){ var o = { "M+" : t
- JavaScript中访问节点对象的方法有哪些? var obj = document.getElementById('fdafda
- 微软现在已经进入了ASP.NET 2.0和Visual Web Developer 2005发布版最
- 一、递归递归调用:一个函数,调用的自身,称为递归调用递归函数:一个可以调用自身的函数称为递归函数凡是循环能干的事,递归都能干方法:1、写出临
- Python内置模块logging管理不同级别log打印和存储,非常方便,从此告别了使用print打桩记录,我们来看下logging的魅力吧
- java的简单介绍Java是一种通用的面向对象编程语言,旨在生成可在任何地方使用相同代码的代码。这种编程语言是基于类的,面向对象的和人类可读
- 原以为在IronPython中使用MySQL是一件很容易的事情,即使有麻烦,也可以改变路径,加载Python下的MySQL模块。事实证明,这
- pytorch显存越来越多的一个原因optimizer.zero_grad()loss.backward()optimizer.step()
- 前言最近学完Python,写了几个爬虫练练手,网上的教程有很多,但是有的已经不能爬了,主要是网站经常改,可是爬虫还是有通用的思路的,即下载数
- 如下所示:import cv2import osimport numpy as nproot_path = "I:/Images/
- python实现MySQL指定表增量同步数据到clickhouse,脚本如下:#!/usr/bin/env python3# _*_ cod
- 邹建 2004.4 代码如下:/*--调用示例 exec p_lockinfo1 --*/ alter proc p_lockinfo1