• 締切済み
  • 困ってます

アンダーライン(<U>タグ)の色を変更するには?

こんにちは。 タイトルの件、CSSにより<U>タグ(には限りませんが。。) テキスト下線の色を変えたいのですが、うまくゆきません。 どなたかお分かりになる方、ご教授いただけると幸いです。

共感・応援の気持ちを伝えよう!

  • 回答数4
  • 閲覧数8517
  • ありがとう数18

みんなの回答

  • 回答No.4

ラインを引きたい文字列を<span>タグで括り、インラインなら<span style="border-bottom: solid 1px red;">xxxx</span> で宜しくないですか?何も無理して、<u>要素やtext-decoration属性にこだわらずともブラウザでの表記上、問題無いと思いますが。※IE6の6ではline-heightで調整しないと、ラインが隠れるかも。

共感・感謝の気持ちを伝えよう!

  • 回答No.3
noname#151056
noname#151056

CSS1 では <span style="text-decoration; underline; color: blue"> <span style="color: red">ここが本文です</span></span> とすると、文字が赤、下線が青の指定になります。 当然 WWWブラウザ側がこれに対応していないと指定どおり表示しませんが、 Netscape Navigator にしても Internet Explorer にしても 現状では最新版でないと対応していないようです。

共感・感謝の気持ちを伝えよう!

  • 回答No.2
noname#9414
noname#9414

私の知る上で調べましたが、わかりません。 そこで、こんな手を使ってはどうでしょうか。 ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ と下線をつけるとか(笑) これなら、下の点線だけの色を変えるということも 出来ますよ。 解決にはなっていなくてすみません。 ではでは☆

共感・感謝の気持ちを伝えよう!

  • 回答No.1
noname#25358
noname#25358

 調べた限りでは、アンダーラインの色はフォントと同様になるようですが……。  <HR>タグの色だったら変わるんですけどね。

共感・感謝の気持ちを伝えよう!

関連するQ&A

  • テキストリンクの色を各クラスの設定を優先させたい

    cssの質問です。 h1、h2などのタグや、各クラスのテキストの色をスタイルシートで設定してあります。 このうちの一部のテキストにリンクを張ると、当然共通のリンクテキスト色に変わってしまいます。 テキストリンクを張っても、hoverで下線を表示させるだけで、各タグやクラスで設定したテキスト色を保持したいのですが、何か指定する方法はないでしょうか。 各タグやクラス毎にlink色や下線を指定するしかありませんか?

    • ベストアンサー
    • HTML
  • リンクタグの下線の色だけを変える方法

    リンクタグの文字と下線を別々の色で表示したいのですがそのようにできるHTMLタグはありますか?

  • <dl>タグや<ul>タグを使う意味を教えてください。

    はじめまして。 現在HTMLを勉強中のものですが、タイトルにあるようなリストのタグをを使う便利さがよくわかっておりません。 たとえば<dl>タグを使用するときCSSを使ってわざわざ行をそろえるような技を使うみたいですが、そもそも何も使わないでテキストだけで問題ないような・・・ まだまだ初心者ですが、これらの使い勝手の良さや具体的な使い分けかたを教えていただけないでしょうか?

    • ベストアンサー
    • HTML
  • 秀丸エディタでHTMLタグテキストに色を付けたい

    秀丸エディタでHTMLタグテキストに色を付けたいのですがどうすればよいのでしょうか?

  • H1タグの色を変えたい。

    H1タグの色をCSSで変更したいのですが、上手くいきません。 どこの設定を間違えているのでしょうか? 大変申し訳ございません。ご教授よろしくお願いいたします。 以下にソースを記述します。 /*--- HTMLソース ---*/ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Style-Type" content="text/css"> <link rel="stylesheet" href="index.css" type="text/css"> <title>H1タグ色変更</title> </head> <body> <h1>大見出し</h1> </body> </html> /*--- CSSソース(外部ファイル:index.cssとする) ---*/ @charset "utf-8" h1 {color: #0000ff;}

    • ベストアンサー
    • CSS
  • 外部テキストをマウスオーバー時に下線表示

    いま、Flash内に外部テキストを読み込ませて、クリックするとリンク先へ飛ぶようなものを作っています。リンク先に飛ばすところまではできたのですが、そのテキストをマウスオーバーした時に色付きの下線が表示されるようにしたいのですが、やり方が分からず困っています。 HTMLタグも何度か試してみたのですが、使えるタグは限られているようなので、うまくいきませんでした。 Flashの中で、下線表示させることもできるようですが、できれば外部ファイル内で表示させる方法を知りたいです。どなたかご存知の方がおられましたら、ご教授お願い致します。 よろしくお願いします。

  • リンクテキストの下線を消したい(dreamweaver)

    CSSを使ってリンクテキストの下線を消し、さらにテキストの色も変えたいのですが、CSSの設定の中を探しても見当たりません。教えてください。ちなみにバージョン6.0です。

  • spanタグとpタグのどちらを使えばいいのです

    html内で文字を囲ってcssで色やサイズの装飾をする場合は、 spanタグとpタグのどちらを使えばいいのですか? 基準がわかりません。

    • ベストアンサー
    • HTML
  • CSSでテキストリンクの色を複数指定したいのですが・・・

    はじめまして。 CSS勉強中なんですが、今CSSで作ったホームページでわからないことがあります。 テキストリンクの色をa:linkという直接タグにCSSを指定して統一しているんですが、なんとかしてそれぞれの場所にあったテキストリンクの色に指定できないものでしょうか? できればそれぞれを配置してあるdivごとに指定できると楽なんですが・・・

    • ベストアンサー
    • HTML
  • リンクのタグの事で

    今晩は、質問させていただきます。 パソコンのサイトで、ページをリンクさせたいのですが、 私が使用しているタグを使うと、必ず下線がでて紫色になってしまいます。 下線を無くして色も指定したいのですが、どうすればいいのでしょうか。 教えてください。 説明が不十分でしたら、すみません。 使用タグはこれです→<a href="URL">リンクしたい所の名前</a>