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

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

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

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

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

html蓝色双下划线通过“textdecoration”属性给文字添加下划线。HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签。通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。

请在a标记的style中去设定颜色，例如：

<a href="123.htm"><span style="color:#FF0000">123</span></a>

看到的会是红色的文字，但是蓝色（浏览器默认）的下划线

只要改成：

<a href="123.htm" style="color:#FF0000"><span>123</span></a>

就会看到红色的文字带着红色的下划线了

如果希望鼠标移过123的时候可以出现一些变化，请利用style标记搭配class来设定，例如：

<style>

a.test {color:#FF0000}

a.test:hover{color:#00FF00}

</style>

<a href="123.asp" class="test"><span>123</span></a>

---