- ベストアンサー
リンクのマウスオーバーについて
はじめまして。 現在、ホームページビルダー9でホームページを作成中です。スタイルシートを使って、リンクが挿入されている文字は下線無し、マウスが上に来たときに下線・太字が出るようにしていますが、ページの中の一部分だけは、普段は下線有り、マウスが上に来たときに文字の色が変わるようにしたいです。 このようなことはできるのでしょうか?他のサイトや質問を見てやってみましたが、うまくいきませんでした。 宜しくお願いします。
- みんなの回答 (1)
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
その一部分に IDを設定して「ID a」にスタイル設定すればいいです。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <title></title> <style type="text/css"><!-- a { text-decoration: none; font-weight: normal; } a:hover { text-decoration: underline; font-weight: bold; } #box2 a { text-decoration: underline; font-weight: normal; color: #8b0000; } #box2 a:hover { color: #ff8c00; } --></style> </head> <body> <div id="box1"> <a href="#">たとえば1</a><br> <a href="#">たとえば2</a> </div> <div id="box2"> <a href="#">たとえば3</a><br> <a href="#">たとえば4</a> </div> <div id="box3"> <a href="#">たとえば5</a><br> </div> </body> </html> クラス名で分ける手もありますね。
お礼
やってみたらできました! 本当に助かりました。ありがとうございます。