WordPress(ワードプレス)やMacやxreaの他に、プラスひかげ的Webスタイル

ひかげStyle

リンクの色とCSS

いまさらながら、標準のリンクの色について調べてみました。

標準的なリンクの色には、青と紫の2種類あります。

標準的なリンクの色について

  • 一般的な青のリンクの色を16進数で表すと#0000ccです。
  • リンク済みの紫の初期設定値は#990099です。

青のリンクは原色ではないことが、ひかげ的ツボで少し面白いと感じました。

今回は詳しくは調べていませんが、おそらくリンクの色使いにも何か理由があると思います。

CSSのリンク要素と擬似クラス

CSSの記述で、リンク要素と擬似(ぎじ)クラスが5つあります。

  1. a
  2. a:link
  3. a:visited
  4. a:hover
  5. a:active

CSSのリンクで擬似クラスは、上記のように順番で記述しなければブラウザによって反映されないことがあるようです。

細かいCSSの設定をすれば、ボタンのようなデザインに見せることも可能です。

関連記事

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です