リンク (CSS)


リンクスタイル

 ハイパーリンクのスタイルは以下の属性で設定します。

属性意味
a:link未訪問のリンク
a:visited訪問済みのリンク
a:hoverマウスカーソルがリンクの上にあるとき
a:activeマウスでリンクをクリックしたとき

 このページのリンクのスタイルは下のようになっています。

a:link {
  text-decoration: none;
  color: red;
}
a:visited {
  text-decoration: none;
  color: green;
}
a:hover {
  text-decoration: none;
  color: red;
  background-color: #ffe0e0;
}
a:active {
  text-decoration: underline;
  color: red;
}

ホームへのリンク

 

このページの先頭へ戻る