Dreamweaver中怎么设置两种链接颜色
我用Dreamweaver做网页，想设置两种链接颜色，就是说希望定义两种链接格式，比如说我在定义“产品”的链接后它显示为蓝色，但是我要定义“技术”后它显示为红色。这样我可...
我用Dreamweaver做网页，想设置两种链接颜色，就是说希望定义两种链接格式，比如说我在定义“产品”的链接后它显示为蓝色，但是我要定义“技术”后它显示为红色。这样我可以将页面上的链接样式分开，比较清楚，而现在我只能做到定义链接后，“产品”“技术”显示的都是蓝色或者都是红色。有什么办法可以解决吗？
展开
4个回答
展开全部
关键是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>
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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
博思aippt
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员，对于Word文档生成PPT的操作，我们有以下建议：1. 使用另存为功能：在Word中编辑完文档后，点击文件->另存为，选择PowerPoint演示文稿（*.pptx）格式，即可将文档内容转换为PPT...
点击进入详情页
本回答由博思aippt提供
展开全部
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>
<html>
<head>
<style>
#hong{
color:#red;
}
#lan{
color:#blue;
}
</style>
</head>
<body>
<a href='' id='hong'>我是红色的</a>
<a href='' id='lan'>我是蓝色的</a>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<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>
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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
alink
vlink
不过我更建议用 css 的伪类做
vlink
不过我更建议用 css 的伪类做
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
