Question

html超链接更改颜色和去掉下划线

定义两个class，一个功能是使超链接呈白色无下划线，另一个是使超链接呈黑色无下划线，且只有调用了css的才有变化,<a href=# class=白色>A</a><a href=#>B</a>，A有超链接无下划线白色，B为默认模式，50分求解决！

Answer 1

超链接下划线可以使用“text-decoration: none;”去除，颜色可以用“color”属性表示。

1、新建html文档，在body标签中添加两个超链接并为超链接添加文字，这时默认情况下超链接带下划线且颜色为蓝色：

2、设置white类，添加“text-decoration: none;”和“color: #fff;”，这时超链接变成无下划线和白色：

3、设置black类，添加“text-decoration: none;”和“color: #000;”，这时超链接变成无下划线和黑色：

Answer 2

添加css样式就可以实现，可以给超链接标签添加颜色: color='red' ; 去掉下划线：text-decoration='none' 。 代码是：

<a href="#"  style="color:red;text-decoration:none;" >测试超链接</a>

Answer 3

.whitelink {text-decoration:none; color:white;}
.blacklink {text-decoration:none; color:#000;}

...
<a href="#" class="whitelink"> white link </a>
<a href="#" class="blacklink"> black link </a>

追问

多谢，再加一个鼠标点一下为红色，鼠标放上去为黄色，应该怎么加？

追答

.whitelink:visited{text-decoration:none; color:red;}/*鼠标点过为红色*/
.whitelink:hover{text-decoration:none; color:yellow;}/*鼠标放上去为黄色*/

Answer 4

<style type="text/css">
<!--
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
-->
</style>

Answer 5

1、第一步，选中要做超链接的文字加下划线，右键单击加下划线的文字，

选中“开始”->“字体”->“下划线颜色”选中文本框填充的颜色，

比如：文本框填充颜色是无色的（白色），那就选白色。