tnt和fedex美国清关:Dreamweaver中怎么设置两种链接颜色

来源:百度文库 编辑:查人人中国名人网 时间:2024/05/06 01:16:23
我用Dreamweaver做网页,想设置两种链接颜色,就是说希望定义两种链接格式,比如说我在定义“产品”的链接后它显示为蓝色,但是我要定义“技术”后它显示为红色。这样我可以将页面上的链接样式分开,比较清楚,而现在我只能做到定义链接后,“产品”“技术”显示的都是蓝色或者都是红色。有什么办法可以解决吗?

Dreamweaver中设置两种链接颜,首先我们需要有个a标签,给这个两个a不同的id,然后在通过css来设置它的颜色就可以了,这里我提交一段代码:
<html>
<head>
<style>
#hong{
color:#red;

}

#lan{
color:#blue;

}

</style>

</head>

<body>
<a href='' id='hong'>我是红色的</a>

<a href='' id='lan'>我是蓝色的</a>
</body>

</html>

关键是css的问题。
A:link {
FONT-SIZE: 9pt; CURSOR: hand; COLOR: #0033cc; FONT-STYLE: normal; FONT-FAMILY: 宋体; TEXT-DECORATION: none
}
A:visited {
FONT-SIZE: 9pt; COLOR: #0033cc; FONT-STYLE: normal; FONT-FAMILY: 宋体; TEXT-DECORATION: none
}
A:active {
FONT-SIZE: 9pt; COLOR: rgb(255,0,0); FONT-STYLE: normal; FONT-FAMILY: 宋体; TEXT-DECORATION: none
}
A:hover {
FONT-SIZE: 9pt; COLOR: #000000; FONT-FAMILY: 宋体; TEXT-DECORATION: underline
}
以上代表所有的连接都改变颜色

A.TOOLBARLINK {
FONT-SIZE: 12px; COLOR: #000000; TEXT-DECORATION: none
}
A.TOOLBARLINK:hover {
FONT-SIZE: 12px; COLOR: #000000; TEXT-DECORATION: underline
}
A.TABLELINK {
FONT-SIZE: 12px; COLOR: #000000; TEXT-DECORATION: none
}
A.TABLELINK:hover {
BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; COLOR: #ff9900; BORDER-BOTTOM: 1px dotted; BORDER-RIGHT-WIDTH: 1px; TEXT-DECORATION: none
}

这个要把连接选种,选择 class

<a href="http://www.baidu.com" class="TABLELINK">技术</a>
当然你也可以再定义个 A.TABLELINK2,里边自定义设置
<a href="http://www.baidu.com" class="TABLELINK2">技术</a>

alink
vlink

不过我更建议用 css 的伪类做

<style type="text/css">
a:link,a:visited{color:#00f;}
a:hover,a:active{color:#000;}
a.a2:link,a.a2:visited{color:#f00;}
a.a2:hover,a.a2:active{color:#000;}
</style>

<a href="http://www.baidu.com">产品</a>
<a href="http://www.baidu.com" class="a2">技术</a>