注册 登录
编程论坛 WEB前端(UI)

FrontPage的表单中怎样去掉超联接的下画线?

拖鞋 发布于 2004-09-06 22:58, 1298 次点击
FrontPage的表单中怎样去掉超连接的下画线?
5 回复
#2
live412004-09-07 12: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则使文字在闪烁。

[此贴子已经被作者于2004-09-07 12:01:06编辑过]

#3
唧唧2004-09-12 02:28

单个连接实例:

<a href="url" text-decoration: none>连接文本</a>

#4
alexwu2004-10-08 17:28

不用这么麻烦!设置超链接>样式>格式>字体,打“闪烁”勾上就行了!

#5
yjgo2005-03-26 00:33
都可以
1