初めての方にも分かりやすくホームページ作成方法を解説します♪
ホームページ作成講座
ホームページ作成講座 >> HTML・CSSの基礎知識 >> CSS:リンク色を変更
リンク色を変更
リンク色を変更

リンクの色を変えることができる。ここで、注意するのはリンク色を変更しすぎて、訪問者がリンクなのかどうなのか分からなくなってしまうことです。

変更の仕方

未訪問リンクの色を変化させる
a:link { color:文字色 }

訪問済みリンクの色を変化させる
a:visited { color:文字色 }

マウスカーソルをリンクの上にのせたときのリンクの色を変化させる
a:hover { color:文字色 }

選択したリンクの色を変化させる
a:active { color:文字色 }


文字色の指定


文字色は、決まった色(blue red greenなど)で指定する方法と、
カラーコードで指定する場合があります。

決まった色で指定する場合:
例)a:link { color:blue }

カラーコードで指定する場合:
例)a:link { color:#0033cc }
カラーコードと色の対応についてはこちらで調べられます⇒カラーコード


back >> ホームページ作成講座
HTML・CSSの基礎知識
HTML

文章関連
見出し
段落
改行

文字関係
強調
文字色
フォント(書体)

リンク
リンクする
ページ内ジャンプ

画像
画像を貼る
背景画像を指定

CSS(スタイルシート)

CSSの使い方
スタイルシートとは?
使い方
外部スタイルシート

文章関連
文字の大きさを変更
行間を変更

色関係
文字色
リンク色
背景色

その他
スクロールバー装飾

サイト情報 | お問い合わせ | リンク
Copyright(C)2005 ホームページ作成講座 All right reserved
当サイトはリンクフリーです。