• 締切済み

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

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

  • HTML
  • 回答数4
  • ありがとう数18

みんなの回答

回答No.4

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

noname#151056
noname#151056
回答No.3

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

noname#9414
noname#9414
回答No.2

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

noname#25358
noname#25358
回答No.1

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

関連するQ&A

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

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

    • ベストアンサー
    • 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
  • タグ付けしたテキストをワードで開くと

    よろしくお願いいたします。 ワード2003を使っています。 テキストファイルで、タグ付けをしたものがあります。<u>例えば</u>、<i>こんな感じです。</i> これをワードで開いたら、ワード上で下線が付いたり、イタリックになったりするようにはできないでしょうか? 今のところ、タグごとに置き換えをしている状態です。なにかいい方法があればよろしくお願いいたします。

  • タグ付けしたテキストをワードで開くと

    よろしくお願いいたします。 ワード2003を使っています。 テキストファイルで、タグ付けをしたものがあります。<u>例えば</u>、<i>こんな感じです。</i> これをワードで開いたら、ワード上で下線が付いたり、イタリックになったりするようにはできないでしょうか? 今のところ、タグごとに置き換えをしている状態です。なにかいい方法があればよろしくお願いいたします。

  • aタグに色を付ける場合、hrefは必須なの?

    <html> <head> <title>test</title> <style type="text/css"> a:link.a_0ken{ color:red; } </style> </head> <body> <a class="a_0ken">0件</a> <br><br> <a class="a_0ken" href="http:///未定/test.html">10件</a> </body> </html> この場合、 10件の方は色が付きますが、0件の方は色が付きません。 aタグに色を付ける場合、hrefは必須なのでしょうか?

    • ベストアンサー
    • CSS
  • 楽天アフィリエイトのリンクの貼り方でお聞きしたことがあります。

    楽天アフィリエイトのリンクの貼り方でお聞きしたことがあります。 テキストリンクのを貼る場合。ブログの載せるときに、テキスト文字に下線を入れたいんですけど、規約ではタグの追加は禁止と書いてますので、下線→ <u>下線文</u> このタグは使ってはいえないのでしょうか? 画像のような感じで

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

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

    • ベストアンサー
    • HTML
  • タグを使ってリンクの下線を非表示にする方法を教えてください。

    HTMLの質問です。 下線の装飾等をする方法はかなり紹介されているのですが、 下線を非表示にする方法をご存知のかたお願いします。 IE等のブラウザーにオプションからの設定はできるのですが、 それに頼らず、最初からタグによって、非表示にする方法を探しています。 いろいろ探しまして、これはというタグを000aboutのサイトから 教えていただいたのですが、実際に使用してみると実行されませんでした。 何かが足らないのかなと思うのですが、分かりません。 そこは掲示板がないので、こちらでお分かりの方からアドバイスをいただきたく 投稿しました。 <style type="text/css"><!-- a.declink { text-decoration: none; } --></style> 上記のタグは下線を非表示にするタグと別の装飾タグを入れるタグとの組み合わせ でしたが、私には一部不要でしたので、ーーnone;以降の部分は割愛しました。 このタグにミスがありますでしょうか。 または、他のタグで非表示にできる方法をご存知でしたら、ご教授ください。 お願い致します。

    • ベストアンサー
    • HTML
  • ワードのアンダーラインの色の変え方

    Word X for Macを使っています。 テキストに赤いアンダーラインをつけたいのですが、ラインの色の変え方がわかりません。 Windowsでワードを使っている父にたずねたところ、「ツールバーにある「U」のボックスをクリックすると自然にナミセンや二重線などといっしょに色つきのアンダーラインが選択できるようになってないか?」と言われたのですが、なっていません…。 「右クリックしたら出てくるのでは?」とも言われましたが、Macのマウスには右クリックというものもありません…。 どうやったらアンダーラインに色を付けることができるのでしょうか?どなたか教えてくださいませ。

  • リンクのタグの事で

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