リンクの色について

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

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

画像をリンクとした時、枠にリンク特有の青い矩形が表示されることがありますが、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;

を付け加えます。

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

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

広告

関連コンテンツ

コメントは受け付けていません。

サブコンテンツ

このページの先頭へ