7、如何去掉超链接的下划线？ 超链接问题
如何去掉超链接的下划线？ 3 {( Y% N, j& j y, o( c# _) c
我们可以用CSS语法来控制超链接的形式、颜色变化。
! I j, v2 D4 ]; S# [9 _$ s P- N
* C' ~- s- T( T) B7 x! |9 h; i3 ^ 下面我们做一个这样的链接：未被点击时超链接文字无下划线，显示为蓝色；当鼠标在链接上时有下划线，链接文字显示为红色；当点击链接后，链接无下划线，显示为绿色。
+ x% n5 J% E% E. p# y% J [# i g7 Z1 A! o4 l
实现方法很简单，在源代码的<head>和<head>之间加上如下的CSS语法控制：
5 \; G% M$ |8 R& u/ C' N
- [! o2 Y% n- F, O* n# ?* ] <style type="text/css">
/ Y' M" c' j7 ?$ N$ F1 J <!--, l4 d+ }$ l1 K: H% b3 Q
a:link { text-decoration: none;color: blue}" E4 M/ e) E% \$ v; p1 h9 S- Y, w0 o
a:active { text-decoration:blink}2 ]7 r, i( B9 _- H- n2 U
a:hover { text-decoration:underline;color: red} 2 _. l( P7 I" W/ I
a:visited { text-decoration: none;color: green}4 Y: V) d5 J3 X; H
-－>
6 z; | l# t3 S' |$ I- ? </style> 7 D( h9 ?: {6 V( b
8 K; @! c: S( ]3 W/ i" b( Y4 P 其中：2 O. \# Y1 k% g3 ]1 A
a:link 指正常的未被访问过的链接；5 [ g2 S. Y4 C2 q. z7 k/ ^
a:active 指正在点的链接；+ y, y6 [# |8 k
a:hover 指鼠标在链接上；: k* ~; Q" ]- \& M+ d# A
a:visited 指已经访问过的链接；
1 h6 E [4 q; q! p" ~7 v# R text-decoration是文字修饰效果的意思；
' Y* \; P* q7 V7 g4 L none参数表示超链接文字不显示下划线；& \/ q$ g y' Y e+ `4 l' h
underline参数表示超链接的文字有下划线 * p u. Y" f4 c( u; e
2 ~$ Y' X |1 a( |& Z9 n( C# [6 K9 u2 E 下面这行文字就是我们刚才做的效果。# P6 s1 A; }& F0 D
! a) C3 T) c( `* ]5 m
效果演示4 Y$ o( P* c* e
3 J ]( Q3 Q4 q, u# @
同样，如果讲none替换成overline则给超链接文字加上划线，换成line-through给超链接文字加上删除线，blink则使文字在闪烁。
