ここから本文です

オンマウスで文字色背景色同時変更

ked********さん

2010/1/2000:33:44

オンマウスで文字色背景色同時変更

テーブルで5×5の枠を作って、その一つ一つのセルにテキストリンクを張っています。
一つのセルにマウスを乗せると、文字色背景色変更。
また違うセルにマウスを乗せると、↑とは違う文字色背景色に変更、という感じで、セル一つ一つに違う文字色背景色をつけたいんですが、どうすればいいのかわかりません。

支援サイトなどを巡って、オンマウスで背景色を変える方法は分かったのですが、それと同時に文字色を変更する方法が分かりません。
どなたかご教授お願いします。

閲覧数:
797
回答数:
1
お礼:
25枚

違反報告

ベストアンサーに選ばれた回答

sit********さん

2010/1/2007:31:26

>セル一つ一つに違う文字色背景色をつけたいんですが
リンク一つ一つにスタイルシートを反映させましょう。

<table>
<tr>
<td class="a1"><a></a></td>
<td class="a2"><a></a></td>
<td class="a3"><a></a></td>
<td><a class="a4"><a></a></td>
tdにつけてもaにつけても可。

.a1 a:hover { /* class="a1"の中にあるa要素のhover指定 */
background-color:#aaaaaa; /* テキスト背景色指定 */
color:#00ff00; /* 文字色指定 */
}
a.a4:hover { /* class="a4"をつけたa要素のhover指定 */
background-color:#ffaa00; /* テキスト背景色指定 */
color:#00ffff; /* 文字色指定 */
}

質問した人からのコメント

2010/1/20 19:22:06

笑う 分かりやすい回答、ありがとうございました!

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる