リンク部分にカーソルが来たら反転表示したり、色を変えたりしたい。

質問

いつもお世話になっております。
質問は件名のとおりなのですが、

ホームページのリンクが設定してある部分にカーソルが来た時に
反転表示したり、太字にしたり、アンダーラインをしたりするページがありますよね？

それをしたいのですが、どのようにしたら良いのでしょうか？

おそらくスタイルシートかJavaScriptなんだろうな、とは予測しているのですが、
ネットなどで調べても分かりませんでした。

出来ればソースの直接の記述方法と、
ホームページビルダーページデザイン画面で実現する方法と両方を知りたいのですが・・・。

片方だけの回答でも構いません。みなさんよろしくお願い致します。

回答No.2

the845t · ベストアンサー

スタイルシートです。
head中に、
<style type="text/css">
<!--
a {
text-decoration:none;
font-weight:normal;
color:#f00;
background-color:#fff;
}
a:hover{
text-decoration:underline;
font-weight:bold;
color:#fff;
background-color:#f00;
}
-->
</style>
http://tohoho.wakusei.ne.jp/css/index.htm
が参考になるでしょう。

参考URL：

http://tohoho.wakusei.ne.jp/css/index.htm

お礼

詳しいご説明有難うございます。
参考になりました。
がんばって勉強します！！

回答No.3

noname#10926

ページ編集画面ですよね？

でしたら、
［表示］-［スタイルシートマネージャー］、
［スタイルシートマネージャー］の設定画面内の「追加」ボタン、
［スタイルの設定］画面内の「HTMLタグの候補」で「リンク　Ａ」などを選択してから「カラーと背景」タブなどで色などを設定してください。

お礼

有難うございました。
かなりラクに出来ますね(^_^)
参考になりました。

回答No.1

mousengoke

まだ見ていないページ
a:link{
}

すでに見たページ
a:visited{
}

カーソルがその上にあるとき
a:hover{
}

アクティブなとき
a:active{
}

の中にスタイルを指定してください。
linkとvisited以外は順番を変えないようにしてください。

ホームページビルダーページデザイン画面は分かりません。

お礼

早速のご回答有難うございました。
参考になりました。