- ベストアンサー
ポインタがリンクの上に乗ると色が変わる・・
このたび自分でHPを作ろうと思いまして 作成してるのですが、他サイトで見る様な ポインタがリンクの上に乗るとリンク色が変わる 設定の方法がわからないのです。どぷしてもやりたいのです。どうかよろしく御願い致します。 ちなみにホームページビルダー７使ってます。 ビルダーのver7での設定方法で教えてくださると とてもうれしいです。よろしく御願い致しますm(。_。;))
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
ホームページビルダー７での設定方法は、「表示」→「スタイルシートマネージャー」で、「追加」ボタンを押して、右上の「HTMLタグの候補」の中の「リンク（マウスが上にあるリンク A:HOVER）」を選びます。 それから、「カラーと背景」→「前景色」から好きな色を選ぶ。でいいと思いますよ。
その他の回答 (2)
- OwO
- ベストアンサー率46% (7/15)
ホームページビルダー７はわからないので、HTML をテキストエディタで開き、<head>～</head>内に次の例の<style type="text/css">～</style>を入れてみてください。 色は自分の好みに変えてみて。 ・文字の色だけを変えたいとき <style type="text/css"> a:link { color:blue; text-decoration:none; } a:visited { color:green; text-decoration:none; } a:active { color:red; text-decoration:none; } a:hover { color:pink; text-decoration:none; } </style> ・背景色を変えたいとき <style type="text/css"> a:link { color:blue; text-decoration:none; } a:visited { color:green; text-decoration:none; } a:active { color:red; text-decoration:none; } a:hover { background-color:yellow; color:black; text-decoration:none; } </style> ・太字にしたいとき <style type="text/css"> a:link { color:blue; text-decoration:none; } a:visited { color:green; text-decoration:none; } a:active { color:red; text-decoration:none; } a:hover { yellow; color:black; font-weight:bold; text-decoration:none; } </style> ・文字に下線を入れたいとき <style type="text/css"> a:link { color:blue; text-decoration:none; } a:visited { color:green; text-decoration:none; } a:active { color:red; text-decoration:none; } a:hover { color:pink; text-decoration:underline; } </style> ・文字の上下にラインを入れたいとき <style type="text/css"> a:link { color:blue; text-decoration:none; } a:visited { color:green; text-decoration:none; } a:active { color:red; text-decoration:none; } a:hover { color:pink; text-decoration:underline overline; } </style> 工夫すれば他にも色々できますよ。
お礼
こんなに詳しく教えていただいてありがとうございました。 かなり勉強になりました。タグは奥の深いものなんですね～爆
- Seiryo
- ベストアンサー率13% (27/203)
スタイルシート
お礼
ありがとうございます。ちゃんと変更することが できました。かなり感謝してます。ほんとうびありがとう ございました！感謝感激^^