请教这个超链接下划线怎么不变色 [复制链接]

帖子: 2
体力: 75
威望: 0

发表于 2009-4-6 12:36:28 |显示全部楼层

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
<style type="text/css">
body {
        line-height: 1;
        color: black;
        background: white;
}
.test {
}
:focus {
        outline: 0;
}
img {
        border:0;
}
ol, ul {
        list-style: none;
}

table {
        border-collapse: separate;
        border-spacing: 0;
}
caption, th, td {
        text-align: left;
        font-weight: normal;
        vertical-align: top;
}
blockquote:before, blockquote:after, q:before, q:after {
        content: "";
}
blockquote, q {
        quotes: "" "";
}

a:link, a:visited {
        color: #005195;
        text-decoration: underline;
}
a:hover, a:active {
        text-decoration: none;
}
a img {
        cursor: pointer;
}
em {
        font-style: italic;
}
strong {
        font-weight: bold;
}
/*-----nav menu----*/
#main-nav a {
        border-bottom: 3px solid #c6c6c6;
        padding-bottom: 6px;
        padding-top: 6px;
        color: #5D5D5D;
        height: 14px;
        text-decoration: none;
}
#main-nav a:hover,
#main-nav a:active {
        border-bottom-width: 5px;
        padding-bottom: 4px;
        color: #5D5D5D;
}
#nav-home {
        width: 180px;
}
#nav-home a {
        border-bottom-color: #7FB6D4;
        width: 180px;
}
</style>

</head>

<body>
<div id="main-nav"><a href="#" id="nav-home">Website under construction</a></div>
</body>
</html>

提示：您可以先修改部分代码再运行

CSS里明明是做了悬停时下划线变色的，可一直是灰色，请教一下怎么改变以及问题出在哪

西部数码顶级域名注册商39元抢注！

使用道具举报

xiaobai1592　

中级会员

帖子: 81
体力: 342
威望: 0
居住地: 四川省成都市

发表于 2009-4-6 13:05:08 |显示全部楼层

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
<style type="text/css">
body {
        line-height: 1;
        color: black;
        background: white;
}
.test {
}
:focus {
        outline: 0;
}
img {
        border:0;
}
ol, ul {
        list-style: none;
}
table {
        border-collapse: separate;
        border-spacing: 0;
}
caption, th, td {
        text-align: left;
        font-weight: normal;
        vertical-align: top;
}
blockquote:before, blockquote:after, q:before, q:after {
        content: "";
}
blockquote, q {
        quotes: "" "";
}
a:link, a:visited {
        color: #005195;
        text-decoration: underline;
}
a:hover, a:active {
        text-decoration: none;
}
a img {
        cursor: pointer;
}
em {
        font-style: italic;
}
strong {
        font-weight: bold;
}
/*-----nav menu----*/
div{height:100px;}
#main-nav a {
        border-bottom: 3px solid #c6c6c6;
        padding-bottom: 6px;
        padding-top: 6px;
        color: #5D5D5D;
        height: 14px;
        text-decoration: none;
}
#main-nav a:hover,
#main-nav a:active {
        border-bottom-width: 5px;
        padding-bottom: 4px;
		border-bottom:5px red solid;
        color: #5D5D5D;
}
#nav-home {
        width: 180px;
}
#nav-home a {
        border-bottom-color: #7FB6D4;
        width: 180px;
}
</style>
</head>
<body>
<div id="main-nav"><a href="#" id="nav-home">Website under construction</a></div>
</body>
</html>

提示：您可以先修改部分代码再运行

把A外面的DIV加个高度。

[ 本帖最后由 xiaobai1592 于 2009-4-6 13:06 编辑 ]

www.99cfw.com

租服务器，上51IDC [长沙]招聘:PHP经理10K/WEB前端6K/PHP开发6K

使用道具举报