|
 リンクにマウスポインタをのせると右下にずれる。
▼▼テストページへのリンクです▼▼
（今回は、文字色を#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: 色指定; position: relative; top: 2pt; left: 2pt;}
|
リンクにマウスポインタをのせた時のデコレーション指定
【position】を使う。【relative】は本来の位置とゆう意味。
ずらしたい位置から【top:2pt;left:2pt;】で本来の位置
とゆう風に指定する。
|
|
