去掉网站链接文字的下划线

我们访问一些网站,常看到链接文字下面是不带下划线的:也就是未被点击时超链接文字无下划线,显示为蓝色;当鼠标在链接上时有下划线,链接文字显示为红色;当点击链接后,链接无下划线,显示为绿色。

  在Jimdo网站上,我们也能做到这点,方法很简单,在<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 参数表示超链接的文字有下划线。
     具体操作方法是:登录你的网站,进入设置,选择“编辑head部分”,然后将上面的代码复制进去并保存,刷新一下,就见到效果了。

     友情提醒:如果你打字的水平不是太高的话,输入代码最好用复制粘贴的方法。

Write a comment

Comments: 4
  • #1

    containworth (Saturday, 28 November 2009 15:48)

    IE8有办法么?

  • #2

    诸葛草帽 (Saturday, 28 November 2009 18:16)

    回复containworth:文章又重新编辑了一下,经过我测试,在ie8下效果显示正常,不用担心。

  • #3

    jztu (Monday, 26 July 2010 13:22)

    为什么去掉网站链接文字的下划线有两种颜色字

  • #4

    诸葛草帽 (Monday, 26 July 2010 13:27)

    回复jztu:我不太明白你说的意思,代码中“color: red”等“color”属性规定字体和下划线的颜色的