リンクにマウスポインタをのせると枠線が出る。

▼▼テストページへのリンクです▼▼
(今回は、文字色を#993333に指定してみました。)

  ここにマウスポインタを置いてみてください。

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

 

 

 

ちょ〜簡単解説♪

A:link{color: 色指定; text-decoration:none;}

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

A:active{color: 色指定; text-decoration: none;}

リンクをクリックした時のデコレーション指定
【none】はデコレーションなし
A:visited{color: 色指定; text-decoration: none;} 訪問したことのあるリンク先へのデコレーション指定
【none】はデコレーションなし
A:hover{color: 色指定; border: solid 2px;} リンクにマウスポインタをのせた時のデコレーション指定
【border】で枠線を出す指定。
【solid】は線種を実線に指定。
【2px】は線の太さの指定。
 

 

 

 

 

inserted by FC2 system