首页 > 网页设计

去掉超链接的下划线

发布时间:2010-07-13 21:11:07 来源:星知苑 作者:星之宇

我们可以用CSS语法来控制超链接的形式、颜色变化。

下面我们做一个这样的链接:未被点击时超链接文字无下划线,显示为蓝色;当鼠标在链接上时有下划线,链接文字显示为红色;当点击链接后,链接无下划线,显示为绿色。

实现方法很简单,在源代码的和之间加上如下的CSS语法控制:
[break]
<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则使文字在闪烁。

相关合集

  • 棋牌类手游排行榜前十名
棋牌类手游排行榜前十名

简介:众所周知在手机上面的游戏占有大部分比例依然还是要属于棋牌的游戏,有着休闲也有头脑风暴竞技的多种结合玩法,非常的不错也是很多的牌友喜欢的,手机上玩绝对的根据各种不同的爱好来选择,有单独的也有合集的,让你在纸牌玩法里面遨游,小编整理了一些棋牌的游戏做了一个排行,希望可以让众多的玩家来免费下载。