オンマウス時の装飾について(リンク箇所)

このQ&Aのポイント
  • リンク箇所の装飾方法やタグについて詳しく解説しているサイトを探しています。
  • 具体的には、アンダーラインとは異なる装飾や点線で囲まれるような効果を実現したいです。
  • また、背景色やテキスト色とは異なる色を使いたいと思っています。
回答を見る
  • ベストアンサー

オンマウス時の装飾について(リンク箇所)

既に出てる質問かも知れないですが 見つけられなかったので、出てましたらお許し下さいm(__)m リンクを張ってる箇所に、カーソルを持って行くと 通常(?)は、アンダーラインが出ます。 アンダーラインが既に出てる時は、色が変わったり・・・ しますよね。 他にも、カーソルを持って行くと、上下にラインが出たり 点線で囲まれたり・・・色々と見かけます。 こうゆうのはHTMLタグで設定するのでしょうか? こうゆう事の説明やタグがサンプルで置いてるサイト 探したんですが、見つけられませんでした。 具体的に、自分がしたい事は 【トップへ戻る】 ↑こんな感じで、アンダーラインも出ず、色も他のテキストと 同じ色で書かれてる所に、マウスを持って行くと .................................. :【トップへ戻る】: .................................. こんな風に点線で囲まれるようにしてみたいと思ってます。 点線の色はテキスト色でなく、背景色でなく、 また別の色を使いたいと思ってます。 少し解り難いかも知れないですが、こうゆう事を 解説してるサイトやサンプルを置いてるサイトを ご存知の方がいらっしゃいましたら教えて下さいm(__)m

  • HTML
  • 回答数1
  • ありがとう数1

質問者が選んだベストアンサー

  • ベストアンサー
回答No.1
yanbo-
質問者

お礼

ありがとうございました。 自分のしたい事や、どうなってるのだろ?と思ってた事が 書かれてありました。 まだ、ざっとみただけですが、これからじっくり参考に したいと思います。 お世話になりましたm(__)m

関連するQ&A

  • マウスオーバー時の下線表示について(リンクではありません)

    とある文字列に対してマウスオーバーをした際、 その文字に対してアンダーラインを施す処理をしたいのですが、 調査をしていきますと、 A:HOVER{ (中略) } という形式がほとんどです。 上記のやり方では、 HTMLで<a>タグを用いた際A:HOVERが実行されますが、 特にリンクをする必要がないため<a>タグを用いません。 <a>タグを用いずにマウスオーバー時にアンダーラインを 施すことは可能なのでしょうか?

  • HTML

    HTMLについてです。HPのテキストリンクで リンク部分にマウスを乗せると文字の背景がキラキラと発光したような虹色に色が変化するタグを教えてください。どこを探しても見つからず質問させていただきました。よろしくお願いします。

    • ベストアンサー
    • HTML
  • マウスオーバー時にテキストをスワップさせるには?

    Dreamweaver3Jを使っているのですが、テキスト部分をマウスオーバーしたら、そのテキストの色を変えて、アンダーラインがでるようにするにはどうればいいのですか?ビヘイビアでさがしているのですが、見つかりません。丁度このOKwebでのメニューにあるような、テキスト部分をマウスオーバーするとアンダーラインが出てくる仕組みです。宜しくお願いします。

  • <div>の間、指定範囲内の色変更

    タグうちでホームページを製作しています。 <div> ~ </div> タグで指定した範囲内にマウス・カーソルを置くと, その部分の文字色と背景色が変化して、 マウスをその範囲から離すと,色が元に戻るといったページを 製作したいのですが・・・参考となるHP、あるいは お手本となるhtml(java言語?)を教えてください。。 どうかお願いいたします。

  • リンクの格好をよくしようとしたら…画像まで

    リンクをしている字の上にカーソルをもってきたら字のテキストカラーと下線が着いて、背景に色が付くように、下のような設定を見よう見まねで作って、テキスト文字は思うようになっています。 でも、画像にリンクを付けたものはインターネットエクスプローラーでみると、正常なのですが、ネットスケープでみてみると、ほとんどの画像が消えて、一部分だけ帯のようにバックグランドカラーがでて、そこだけ画像の部分が表示されます。この設定だったら、画像にリンクを張れないので困っています。  A:HOVER {text-decoration: underline; position:relative; top:1; left:1; color: #ff0000; background-color : #fee8e2; background-repeat : repeat; }

  • リンクする文字の下に点線が欲しいのですが・・。

    ブログを書き始めて数ヶ月経ちます。 他の方のブログを拝見すると、リンク先へ飛ぶ言葉にアンダーラインではなく「_______(点線)」というラインになっている可愛らしいブログを 多々見かけることがあります。 私の使用しているエキサイトのブログは常にリンクはアンダーラインが ついてしまうのですが、これを「______」に変更できますか? スキンの編集などをするのだと思うんですが初心者で あまり知識がありません。 ご存知の方がいらっしゃいましたらよろしくおねがいします。 出来れば点線に色をつけたいです。

  • Java scriptでの装飾

    HP作成中です。 プルダウン(ドロップダウン?)形式で、 他のページに飛べるよう、設定したのですが、 サンプル集からコピーして貼り付けました。 何と呼べばいいのか分からないのですが、 そのメニューが入ってるテキストボックス(?)などの、 装飾は出来ないのでしょうか。 あと、ボタンを押すと、ウィンドウが閉じるのも、 サンプル集からコピーして貼り付けました。 動作自体はこちらも問題なくいっています。 これにもボタンの色を変えるなど、 ちょっとした変化を付けたいのですが…。 どこをどう触ったらいいのか分かりません。 HTMLはある程度分かるつもりです。 どなたか教えて下さい。どうか宜しくお願い致します。

    • ベストアンサー
    • CSS
  • オンマウスでテキストを表示するためには

    『http://tv.starcat.co.jp/channel/lineup/』のようにテキストの上にマウスを置いた時に飛び出すようにテキストを表示させたいと思っています。 今までは<font title="○○">のタグで代用していましたが、これだと表示された後、数秒で消えてしまうのでやはり不便に感じました。 上のサイトではテキスト上でマウスを移動させると、飛び出したテキストも一緒に動いてしまいますが、できることならこの飛び出すテキストを飛び出した位置で固定状態にし、テキスト、もしくは飛び出したテキストの上にマウスが乗っている間は飛び出すテキストが消えない状態したいと思います。 更にできることなら、その飛び出したテキストの中にリンクや画像(サムネイルサイズ)を付けられたら良いなと考えているんですが、これら全てを含めることは可能でしょうか? 不可能であるなら、上のサイトのようにテキストを表示させる方法だけでも構いません。 このような方法を知っている方いらっしゃいましたらご教示をお願いします。

  • カーソルが乗ったときリンクの背景色が変わるようにしたい

    こんばんは、いまホームページを作っているのですがメニュー項目でカーソルが乗ったときに項目の背景色が変わるようにしたいです。下のサイトのようにです。 http://www.oxfordcity.co.uk/ リンク全部の色を一括で変えるのではなくて、上のサイトのように個別に変わる色を設定したいです。 ソフトはホームページ・ビルダー10を持っています。そして表を使ってメニュー項目を作成しました。そして表の枠を消して、見た感じは上のリンク先のサイトと同じようになっています。この表は使えますか? あっ、あとリンクにアンダーラインが付いているのですがそれもも消したいです。 よろしくお願いいたしますm(_ _)m

    • ベストアンサー
    • HTML
  • マウスが上にあるリンク

    HPビルダー7です。 マウスが上にあるリンクで文字の色が変わりません。 表示→スタイルシートマネージャー→追加→スタイルの設定→HTMLタグの候補→マウスが上にあるリンクで 設定しますが変わりません。 カラーと背景では「前景色」と「後景色」だけで、文字のバックの色は変化しますが、文字そのものの変更が出来ません。 文字の色そのものをマウスを置いたら変わる方法をご教授下さい。HPビルダー7のソフト内でお願いします。

専門家に質問してみよう