KAWANO's PukiWiki Plus! - Lecture/JouhouC2007/9th/link のバックアップ(No.1)

• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• 現在との差分 - Visual を表示
• ソース を表示
• Lecture/JouhouC2007/9th/link へ行く。
  • 1 (2007-06-04 (月) 06:49:35)

リンク部分の設定

リンクの部分に対して、 スタイルを設定することができます。

要素名:link { ... }
要素名:visited { ... }
要素名:hover { ... }
要素名:active { ... }

なお、「要素名」の部分には、 「.クラス名」を指定することもできます。

リンクの設定なので、 通常「要素名」のところは 「a」になります。

それぞれ、次のような設定になります。

• link: まだ見ていないリンク部分
• visited: すでに見たリンク部分
• hover: マウスポインタがリンク部分の上にあるとき
• active: マウスのボタンをリンク部分を押したとき

設定するときには、 必ず「link」「visited」「hover」「active」 の順になるように、指定します。

a:link { color: #0000ff; background: #ffffff }
a:visited { color: #000080; background: #ffffff }
a:hover { color: #ff3300; background: #ffffff }
a:active { color: #ff0000; background: #ffffff }

次へ進んでください。