リンクされた文字の下線を消します。

普段、リンクが貼ってある文字には下線が
つきますが、ここでは消えています。
マウスをのせると下線が出るように指定しています。

▼▼テストページへのリンクです▼▼

  ここをクリックしてみてください。

▼▼こちらのソースを<head>〜</head>の中に入れてください。▼▼

 

ちょ〜簡単解説♪

A:link{text-decoration: none;}

リンクを貼っている文字列のデコレーション指定
【none】はデコレーションなし

A:active{text-decoration: none;}

リンクをクリックした時のデコレーション指定
【none】はデコレーションなし
A:visited{text-decoration: none;} 訪問したことのあるリンク先へのデコレーション指定
【none】はデコレーションなし
A:hover{text-decoration: underline;} リンクにマウスポインタをのせた時のデコレーション指定
【underline】は下線表示
【none】にすれば表示されない。
 

 

 

 

 

inserted by FC2 system