WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:リンクにマウスを乗せたとき下線を表示させるには

0:[投稿] al [2003/11/22 20:49 ][環境:windows わ]


質問はタイトルのまんまで、
リンクにマウスを乗せたとき下線を表示させる方法についてです。
どなたか教えてもらえないでしょうか?
日々勉強しているつもりですが、相変わらず上達せず
またきてしまいました。すみません。


1:[回答] gamecafe [URL] [2003/11/22 23:09 ]

<html><head><title></title>
<STYLE TYPE="text/css">
<!--
BODY { color: #CC9966; background-color: #000000;}
A {text-decoration:none;}
A:link { color: #FFCC99;}
A:visited { color: #FFCCFF;}
A:active { color: #99CC99;}
A:hover { color: red; text-decoration: underline;}
-->
</STYLE>
</head>
<body>
<a href="#">アンダーライン</a>
</body></html>


2:[回答] al [2003/11/22 23:53 ]

>1
すみません。よく分かりません。
説明を入れてもらえないでしょうか?


3:[回答] はま [2003/11/23 00:02 ]

<head></head>の中に、以下のように書くと出来ますよ。

<style>
A         {text-decoration: none}
A:hover   {text-decoration: underline}
</style>

とほほ氏のページが参考になるかも。
http://tohoho.wakusei.ne.jp/css/basic.htm#Pseudo


4:[回答] al [2003/11/23 17:06 ]

はまさん、ご丁寧な回答ありがとうございます。
ただ、上記のようにしてみたのですが、何故かできませんでした。


5:[回答] Boo [2003/11/23 19:16 ]

ブラウザの種類と、どのようにしたのかをここに載せてください。


6:[回答] はま [2003/11/23 20:01 ]

これでは?

<a href="" style="text-decoration:none" onMouseOver="this.style.textDecoration='underline'" onMouseOut="this.style.textDecoration='none'">test</a>


7:[完了] al [2003/11/24 12:41 ]

はまさん!できました!!
本当に、どうもありがとうございました!!!

Booさんもありがとうございました!

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World