Home / CSSの基本 / CSSを適用する対象の指定方法 / リンク部分に適用させる場合

リンク部分に適用させる場合


リンク部分に対して、スタイルを適用させる場合には、下記の書式で記述します。

a:link{ 〜 }     ← まだみていないリンク部分のスタイル

a:visited{ 〜 }   ← 既に見たリンク部分のスタイル

a:hover{ 〜 }   ← カーソルがその要素上にある時のスタイル

a:active{ 〜 }   ← マウスボタンを押した時のリンク部分のスタイル

「要素名(a)」に「#ID名」や「.クラス名」を指定することができます。

これらの指定は必ず「link」「visited」「hover」「active」の順で指定します。


::: サンプル ::: [ サンプル画面 スタイルシート(CSS)サンプル画面 ]


関連項目