セルの背景色を変える
カーソルを合わせるとセルの背景色が変化します。
こんなふうにメニューに使うとおしゃれかも。
About
Photo
Link
Mail
サンプルでは下のようなものを作ります。
サン
プル
☆ 好きなところに
<table>
<td onmouseover="this.style.backgroundColor='
#6DCFF6
'" onmouseout="this.style.backgroundColor='
#FFFFFF
'" style="border-style: solid; border-color:
#6DCFF6
; border-width: 1px 1px;">サン</td>
<td onmouseover="this.style.backgroundColor='
#6DCFF6
'" onmouseout="this.style.backgroundColor='
#FFFFFF
'" style="border-style: solid; border-color:
#6DCFF6
; border-width: 1px 1px;">プル</td>
</table>
セル(マス)の増やし方などは普通のテーブルの作り方と一緒で、
td
タグに上のような記述を付け足します。
最初のカラーコードがマウスを乗せた時の背景色、2番目のカラーコードが普段の背景色、3番目のカラーコードがセルの枠の色の設定です。
メニューに使っている例では、「
リンクの下線を表示しない
」のTipsも併用しています。
△メニューへ△
▲サイトTopへ