KAWANO's PukiWiki Plus! - Lecture/InfoDesignB2005/7th/link のバックアップ(No.2)

• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• 現在との差分 - Visual を表示
• ソース を表示
• Lecture/InfoDesignB2005/7th/link へ行く。
  • 1 (2007-02-24 (土) 07:05:44)
  • 2 (2007-02-24 (土) 07:10:26)

リンク部分の設定

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

要素名:link { ... }
要素名:visited { ... }
要素名:hover { ... }
要素名:active { ... }
</pre>
なお、「要素名」の部分には、
「.クラス名」や「#ID名」を指定することもできます。

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

それぞれ、次のような設定になります。
-link: まだ見ていないリンク部分
-visited: すでに見たリンク部分
-hover: マウスポインタがリンク部分の上にあるとき
-active: マウスのボタンをリンク部分を押したとき

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

#pre(novervatim){{
a:link { color: #0000ff; background: #ffffff }
a:visited { color: #000080; background: #ffffff }
a:hover { color: #ff3300; background: #ffffff }
a:active { color: #ff0000; background: #ffffff }
</pre>




次へ進んでください。
----
#navi2(Lecture/InfoDesignB2005/7th,prev,toc,next)