TITLE:リンク部分の設定
*リンク部分の設定 [#vce0130a]
リンクの部分に対して、
スタイルを設定することができます。
#pre(novervatim){{
COLOR(blue):要素名:link COLOR(red):{ COLOR(black):... COLOR(red):}
COLOR(blue):要素名:visited COLOR(red):{ COLOR(black):... COLOR(red):}
COLOR(blue):要素名:hover COLOR(red):{ COLOR(black):... COLOR(red):}
COLOR(blue):要素名:active COLOR(red):{ COLOR(black):... COLOR(red):}
}}
なお、「要素名」の部分には、
「.クラス名」を指定することもできます。
リンクの設定なので、
通常「要素名」のところは
「''a''」になります。
それぞれ、次のような設定になります。
-link: まだ見ていないリンク部分
-visited: すでに見たリンク部分
-hover: マウスポインタがリンク部分の上にあるとき
-active: マウスのボタンをリンク部分を押したとき
設定するときには、
必ず「link」「visited」「hover」「active」
の順になるように、指定します。
#pre(novervatim){{
COLOR(blue):a:link COLOR(red):{ COLOR(black):color: #0000ff; background: #ffffff COLOR(red):}
COLOR(blue):a:visited COLOR(red):{ COLOR(black):color: #000080; background: #ffffff COLOR(red):}
COLOR(blue):a:hover COLOR(red):{ COLOR(black):color: #ff3300; background: #ffffff COLOR(red):}
COLOR(blue):a:active COLOR(red):{ COLOR(black):color: #ff0000; background: #ffffff COLOR(red):}
}}
&br;
&navi2(Lecture/JouhouC2007/9th,next);進んでください。
----
#navi2(Lecture/JouhouC2007/9th,prev,toc,next)
|