リンクの色について書いていきます。

画像のリンク枠を消す方法

画像をリンクとした時、枠にリンク特有の青い矩形が表示される事がありますが、CSSを使って見えなくする事が可能です。IEで青い枠が表示されるケースがありました。
・HTML

<a href=”#”><img src=”gazou1.jpg” /></a>

・CSS

img {
border-style:none;
}

文字のリンクを設定する方法

リンクは疑似クラスで設定します。なお、指定の順番が大事です。
a:link    //訪問前リンク
a:visited    //訪問済みリンク
a:hover        //リンク上にマウスカーソルを重ねた時の表示
a:active    //リンクをクリックした瞬間の表示
の順で設定します。

CSSの例

a:link {
color:#00ff00;
}

アンダーラインを消したい時は

text-decoration:underline;

を付け加えます。

ロールオーバーイメージにも注目

[挿入]パネル-[一般]カテゴリ-[ロールオーバーイメージ]を選択すると[ロールオーバーイメージの挿入]ダイアログが表示されます。ここで元のイメージとロールオーバーイメージに画像ファイルをそれぞれ登録すると、マウスカーソルを画像に重ねた時にぱっと切り替わるオブジェクトが作れます。リンクも設定できます。グラフィカルなサイトを作る時には使えるかもしれないテクニックです。

広告

関連コンテンツ