随笔-26  评论-13  文章-46  trackbacks-0
我们可以用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则使文字在闪烁。

posted on 2005-06-07 14:47 似水流年 阅读(505) 评论(0)  编辑  收藏 所属分类: JS/HTML/CSS

只有注册用户登录后才能发表评论。


网站导航: