プロが教える店舗&オフィスのセキュリティ対策術

このたび自分でHPを作ろうと思いまして
作成してるのですが、他サイトで見る様な
ポインタがリンクの上に乗るとリンク色が変わる
設定の方法がわからないのです。どぷしてもやりたいのです。どうかよろしく御願い致します。
ちなみにホームページビルダー7使ってます。
ビルダーのver7での設定方法で教えてくださると
とてもうれしいです。よろしく御願い致しますm(。_。;))

A 回答 (3件)

ホームページビルダー7での設定方法は、「表示」→「スタイルシートマネージャー」で、「追加」ボタンを押して、右上の「HTMLタグの候補」の中の「リンク(マウスが上にあるリンク A:HOVER)」を選びます。


それから、「カラーと背景」→「前景色」から好きな色を選ぶ。でいいと思いますよ。
    • good
    • 0
この回答へのお礼

ありがとうございます。ちゃんと変更することが
できました。かなり感謝してます。ほんとうびありがとう
ございました!感謝感激^^

お礼日時:2003/05/03 16:37

ホームページビルダー7はわからないので、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>

工夫すれば他にも色々できますよ。
    • good
    • 0
この回答へのお礼

こんなに詳しく教えていただいてありがとうございました。
かなり勉強になりました。タグは奥の深いものなんですね~爆

お礼日時:2003/05/03 16:39

スタイルシート

    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!