如何在Dreamweaver一个页面 中设置两个不同颜色的超链接
4个回答
展开全部
给不同的超链接定义不同的css就可以了。
举例：
<a href="#" class="red">红色链接</a>
<a href="#" class="black">黑色链接</a>
.red{ color:#ff0000; }
.black{ color:#000000; }
举例：
<a href="#" class="red">红色链接</a>
<a href="#" class="black">黑色链接</a>
.red{ color:#ff0000; }
.black{ color:#000000; }
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
给不通的链接加不同的样式呀
color:red;
。。。。。。。
<!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>无标题文档</title>
<style type="text/css">
div a{
color:#F00;}
span a{
color:#0F0;}
</style>
</head>
<body>
<span><a href="#">ffff</a></span>
<div><a href="#">ssss</a></div>
</body>
</html>
color:red;
。。。。。。。
<!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>无标题文档</title>
<style type="text/css">
div a{
color:#F00;}
span a{
color:#0F0;}
</style>
</head>
<body>
<span><a href="#">ffff</a></span>
<div><a href="#">ssss</a></div>
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用样式定义即可实现，如：
a:link,a:visited {
font-size: 12px;
color: #666666;
text-decoration: none;
}
a:hover {
font-size: 12px;
color: #FF0000;
text-decoration: none;
}
a.blue:link,a.blue:visited {
font-size: 12px;
color: #0057d7;
text-decoration: none;
}
a.blue:hover {
font-size: 12px;
color: #0043A8;
text-decoration: none;
}
里面就定义了两种链接颜色，希望对你有帮助
a:link,a:visited {
font-size: 12px;
color: #666666;
text-decoration: none;
}
a:hover {
font-size: 12px;
color: #FF0000;
text-decoration: none;
}
a.blue:link,a.blue:visited {
font-size: 12px;
color: #0057d7;
text-decoration: none;
}
a.blue:hover {
font-size: 12px;
color: #0043A8;
text-decoration: none;
}
里面就定义了两种链接颜色，希望对你有帮助
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
定义两组链接的CSS。
<!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=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
a:link {
color: #000000;
}
a:visited {
color: #000000;
}
a:hover {
color: #000000;
}
a:active {
color: #FF0000;
}
.a a:link {
color: #0000FF;
}
.a a:visited {
color: #0000FF;
}
.a a:hover {
color: #0000FF;
}
.a a:active {
color: #FF0000;
}
-->
</style>
</head>
<body>
<a href="#">普通链接</a>
<a href="#" class="a">类链接</a>
</body>
</html>
<!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=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
a:link {
color: #000000;
}
a:visited {
color: #000000;
}
a:hover {
color: #000000;
}
a:active {
color: #FF0000;
}
.a a:link {
color: #0000FF;
}
.a a:visited {
color: #0000FF;
}
.a a:hover {
color: #0000FF;
}
.a a:active {
color: #FF0000;
}
-->
</style>
</head>
<body>
<a href="#">普通链接</a>
<a href="#" class="a">类链接</a>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
