本文与大家分享如何更改html超链接的字体颜色。 小编觉得很实用,所以分享给大家,作为参考。 快来跟着我一起来看看吧。
首先,让我们从一个更改超链接字体颜色的示例开始:
我们需要做的是html更改字体,当没有点击链接时html更改字体,超链接的文字没有逗号,显示为白色; 当鼠标放在链接上时,有一个逗号,链接文本显示为蓝色; 单击该链接时,该链接没有逗号,并且显示为白色。
我们看一下完整的实验代码:
亿速云:取消下划线实例 a:link{text-decoration: none;color: gray} a:active{text-decoration:blink} a:hover{text-decoration:underline;color: red} a:visited{text-decoration: none;color: yellow} 欢迎来到亿速云
这是点击后的样式,不带逗号,显示为白色文本。
以上是上述代码的实验结果。 算是完成了昨天的任务,让我们更容易理解前面的代码了。
现在我们来理解一下上面代码的具体含义:
现在明白了,这是不是对前面的代码有了更好的理解,就是把这些一一带入上面。
现在还有一个例子,就是超链接在div标签中,我们想改变div标签中超链接的文字颜色,怎么改变呢?
我们看一下解释代码:
1.CSS代码:
a{ color:#00F} a:hover{ color:#F00}/* 鼠标经过悬停字体颜色 */ /* css 注释说明:以上代码为设置html中超链接统一字体颜色 */ .div a{ color:#090} .div a:hover{ color:#090} /* css注释说明:以上代码为设置html中.div对象内超链接字体颜色
2.html代码:
测试内容我是统一设置的颜色蓝色亿速云
我在div对象内,超链接颜色为我是超链接绿色
感谢您的阅读! 关于如何改变html超链接的字体颜色,我在这里分享一下。 希望以上内容能够对您有所帮助,让您学到更多的知识。 如果您觉得文章不错,可以分享出去,让更多的人听到!