html 去掉html超链接下划线
如意编程网
收集整理的这篇文章主要介绍了
html 去掉html超链接下划线
小编觉得挺不错的,现在分享给大家,帮大家做个参考.
去掉html超链接下划线
2012-08-30 17:31:00| 分类： css|订阅
我们可以用CSS语法来控制超链接的形式、颜色变化。下面我们做一个这样的链接：未被点击时超链接文字无下划线，显示为蓝色；当鼠标在链接上时有下划线，链接文字显示为红色；当点击链接后，链接无下划线，显示为绿色。
实现方法很简单，在源代码的<head>和<head>之间加上如下的CSS语法控制：
<style type="text/css">
<!--
a:link { text-decoration: none;color: blue}
a:active { text-decoration:blink}
a:hover { text-decoration:underline;color: red}
a:visited { text-decoration: none;color: green}
-－>
</style>
其中：
a:link 指正常的未被访问过的链接；
a:active 指正在点的链接；
a:hover 指鼠标在链接上；
a:visited 指已经访问过的链接；
text-decoration是文字修饰效果的意思；
none参数表示超链接文字不显示下划线；
underline参数表示超链接的文字有下划线
同样，如果讲none替换成overline则给超链接文字加上划线，换成line-through给超链接文字加上删除线，blink则使文字在闪烁。
总结
以上是如意编程网为你收集整理的html 去掉html超链接下划线的全部内容，希望文章能够帮你解决所遇到的问题。
- 上一篇： Java 将HTML转为Word
- 下一篇： html之dl标签