ベストアンサー

テキストの背景色。

2006/05/12 01:35

スタイルシートで、リンクでもなんでもないテキストの一部分だけ背景色をつけることってできますか？？

xx_nicoco_xx
お礼率29% (34/117)

その他（インターネット・Webサービス）
回答数1
ありがとう数1

みんなの回答 （1）
専門家の回答

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

ベストアンサー

BLUEPIXY
ベストアンサー率50% (3003/5914)

2006/05/12 01:40 回答No.1

テキストの<span style="background-color:green">一部分</span>だけ背景色をつける

質問者

お礼 2006/05/12 02:10

バッチリできました。ありがとうございましたo(*^▽^*)o

関連するQ&A

テキストボックスの背景の色について

CGIプログラミングをPerl言語で実装しています。入力画面のテキストボックスに関してはスタイルシートを使っていますが、同じブラウザ（IE）同じバージョン（6.0.28）でみていますが、テキストボックスの背景の色が異なるマシンがあります。何が原因でしょうか？
画像ロールオーバーからテキストと背景のロールオーバーへ

リンクメニューの部分ですが、現在画像でロールオーバーさせている（背景色と文字色が変化する）のですが、そのリンク部分の文字はテキストにするようにとの指示がありました。画像ではなくテキストにした場合に背景色と文字色が変化するにはどうすればよいでしょうか？下記左メニュー部分です。 http://www8.ocn.ne.jp/~soken-33/kono/ よろしくお願いいたします。
背景画像にリンク

背景に画像を固定して表示したページに、リンクを貼りたいのです。フレームページで縦に２分割、左のページにスタイルシートで背景固定、BODYタグ内には何もなし、右のページも同じくスタイルシートで背景固定、こちらに左のページの背景画像内にある文字からリンクを貼り、そのリンクをはったページを右ページ内に反映させたいのです。一枚の大きな画像を２分割して左と右のページでそれぞれ固定しているので、IMGタグはなるべく使いたくありません。（IMGタグでスタイルシートでの背景固定ように、right bottomと出来るのならば全く問題ないので、その場合は教えてください＾＾；）
画像リンクの背景色を１つ１つ指定する。

画像にリンクを張り、その画像に触れたときに、画像の透過されている部分の背景色が変わるようにしたいのですがタグがわかりません。前に一度やったことがあるのですが、そのときのソースを消してしまってわからなくなっているので困ってます。 <a href="xxx.html" style="a:hover background:#ff0000"><img src="xxx.gif" border="0"></a> ↑こんな感じだったようなきがします。（あまり記憶にさだかではないのですが。）全体的にリンクの背景色をしていするスタイルシートはわかるので、そうではなくページ内にあるリンク一つ一つの背景色を指定する方法が知りたいです。よろしくおねがいします。
access　テキストボックスの背景色

初心者です、よろしくお願いします。仕様環境 winXP access2002 フォームにテキストボックスを貼ると通常の書式が・・背景スタイル「標準」境界線スタイル「実線」立体表示が「くぼみ」になっていますが、これを ↓ 背景スタイル「透明」境界線スタイル「透明」立体表示「なし」にして、文字以外は初期の背景と同化したいのですが、テキストボックスをクリックするとボックス内が白くなります。クリックしても背景と同化したままにする方法はあるのでしょうか？「プロパティ」→「データ」→「使用可能」を「いいえ」にするとそうなりますが、編集ができないので困ります。良い方法があればお教えください。よろしくお願いします。
背景色を透明化

スタイルシートで指定した背景色をJavaScriptで透明にしたいと思うのですができませんでしたご存知の方いらっしゃいましたらおしえてください必要と思われる部分をいかに記述しますスタイルシート部 <DIV id="L1" style="background-color:pink"> こんにちは </DIV> JavaScript部 document.all.L1.style.backgroundColor="none"; 「none」にするとプロパティーエラーになってしまいます透明というなにか特別な色コードがあるのでしょうかおしえてください。
背景画像の上にテキストを表示したい

はじめまして。さっそくですが、背景画像の上にテキストを表示したいのですが、各ブラウザによってレイアウトにずれが生じてしまいます。画像リンク（Network Servicesなど）は各ブラウザで確認してもレイアウトが崩れていないのですが、テキストリンク（aaaaaaaaaやbbbbbbbbなど）が思い切りずれてしまいます。こちらまず背景画像をレイアウトし、その上に画像リンクやテキストを重ねてレイアウトしているのですが、作り方そのものが間違っているのでしょうか？それともcssの設定に問題があるのでしょうか？該当css部分は下記です。 #oslu_1a{ margin-top: 30px; margin-left: 23px; } #oslu_2a{ margin-top: -55px; margin-left: 270px; } #oslu_3a{ margin-top: -39px; margin-left: 515px; } なにとぞよろしくお願いいたします。m(_ _)m
テキストボックスの背景色について

<html> <body> <form name="form1"> <input type="text" value="よろしく" name="text1"> <script language="javascript"> document.form1.text1.style.background-color = "green"; </script> </form> </body> </html> これはテキストボックスの背景色をグリーンにするプログラムなんですがうまくいきません。どこが間違っているのか指摘してください。
CSSでテキストインデントをマイナスにすると背景画像も消えてしまうのです

こんにちは、ログを探してみましたが似通ったものが見つからなかったので教えてください。 CSSを使ってのページデザインを勉強しています。ナビゲーションバーを、背景を使って画像にしようと思い、テキストインデントをマイナスにして消す方法を本で読みました。やってみたのですが、背景画像も一緒に消えてしまいました。親ボックスで右寄せにすると、今度はテキストインデントは解除され、テキストと背景画像が重なって右寄せになってしまいます。横幅700の親ボックスに600の子ボックスを右寄せにしたいので、以下のようなソースにしてみました。 HTML側 <div id="navi"> <ul id="navibar"> <li><a href="***" id="link1" title="リンク１">link1</a></li> <li><a href="***" id="link2" title="リンク２">link2</a></li> ---同様にリンクが続く--- </ul> </div> CSS側 #navi{ width:700px; text-align:right; } #navibar{ width:600px; list-style-type:none; background-color:transparent; } ul#navibar li{ width:120px; float:left; border:none; display:block; } #navibar #link1{ width:106px; height:20px; text-indent:-500em; background-image:url("images/link1bg.gif"); background-repeat:no-repeat; } #navibar #link2{ width:106px; height:20px; text-indent:-1000em; background-image:url("images/link2.gif"); background-repeat:no-repeat; } 以下同様に続くどのように修正すれば背景だけ表示できますでしょうか。アドバイスお待ちしています。
背景を透過するタグについて

こんばんわ。タイトル通り【背景を透過するタグについて】質問があります。よろしくお願いいたします。 <style type="text/css"> <!-- .box1{/*テキストスペース*/ … … width : 157px; background-color : #ffffff; filter : chroma(color=#ffffff); } </style> と、スタイルシートで色々と指定しております。このテキストスペースの背後に画像があるので、背景を透かせたく、【chroma】を使って指定した色（白）を透かせましたが、これだとまったく透明になってしまうので…できれば <table style="filter:Alpha(opacity=20)"> のように、透過の度合いを指定できるようになりませんでしょうか？ ↑テーブルでの透過の仕方しか分からず、上のテキストスペースで同じようなことをしたいのですが…。可能でしょうか？お手数ですが、宜しければ教えていただけるととても助かります。お願いいたします。
テキストボックスの背景色変更時に影ができてしまう

テキストボックス選択時に背景色をJavaScriptで変更したく、下記のように書きました。 <input type="text" value="テキストボックスです" onfocus="this.style.backgroundColor='#cccccc'" onblur="this.style.backgroundColor='#ffffff'"> これをWindowsXP＋IE6で実行したところ、背景色の処理はうまくいくのですが、画面のプロパティのテーマがデフォルトのWindowsXPの場合、元は影のないテキストボックスなのですが、背景色変更時に影つきのテキストボックスになってしまいます。テーマがWindowsクラシックだと元々影つきなので変化しません。背景色変更時に影つきにならないようにできませんでしょうか？それともこれはIE6のバグなのでしょうか？
onMouseoverで下線表示したい（リンクではないテキスト）

リンクではないテキスト部分に <a onMouseover="this.style.textDecoration='underline'" onMouseout="this.style.textDecoration='none'"> を入れるとリンクではないテキスト部分に下線がつくのですが、同じテキストに<onclick="document.all.d.style.display= document.all.d.style.display=='none'?'':'none'"> という別の場所に別のテキストを表示する支持を入れたいのですが、一緒に入れてしまうと動いてくれません…どうしたらよいか教えてください。
html　リンク文字の背景色について

<style type="text/css">  </style> こんな感じでリンク文字に背景色をつけているのですが、その背景色の縦幅・横幅はどうやったら指定できますでしょうか。教えてください。
cssで複数のリンクテキストをデザインしたい

htmlページ中のテキストを全体的にはグレーの9pxで表現し、最下部にグリーンで各項目へのリンクナビゲーションをつけたく、外部cssを参照させています。しかしページ中にはテキストにリンクをはった部分がたくさんあり、複数のスタイルを各箇所にあわせて使い分けたいのです。ところが、グレーの9px指定のところはすべて10pixになってしまい、最下部のグリーンのところもリンクをはった部分がグレーの10pixになってしまいます。つまり、リンクをはったテキストはすべてグレーの10pxの指定をしたスタイルの影響を受けてしまっているのです。どうしたら解決できるでしょうか。ちなみに、それぞれのスタイルにはlink,visited,hover,activeについて設定がしてあります。
スタイルシート（CSS）で左にアイコンが付いたテキストの右寄せ

※同じ内容で投稿しましたが説明不足だったので再投稿しています。テキストの左にスタイルシートで背景を敷いてアイコンを表示させています。そのアイコンごとテキストを右寄せにするにはどうしたらよいのでしょうか。よろしくお願いいたします。
CSS:hoverでナビボタンの背景画像を変えたいのですが・・

CSS:hoverでナビボタンの背景画像を変えたいのですが・・ナビボタンの左端に20pxくらいの余白をあけたいと思い、 #navi li{ list-style-type: none; line-height: 38px; font-size: 14px; padding-left: 20px; } としていました。が、hoverで背景画像が変わるように設定したところ、 Paddingの部分だけリンクが無効になっていて、変更画像が右に20pxずれて表示されます。（リンク元のテキストの始まる部分からしかリンクが有効にならないので） display:block;の設定もしています。結局、私の知識ではPadding-leftを削除して、テキストの左側にスペースを挿入するという不細工な方法でしか思い通りの表示がされない状況です。 CSSでの正しい設定方法を教えていただけないでしょうか。
テキストの背景色を変える。

onClickで、テキストの背景色を変えたいのですが。その処理を外部ファイルに記述したいのです。 HTMLファイルでは下記のように記述し、 <・・・・・ <td><input type="button" value="テキストを赤に" onClick="Col001(tC1)"><input type="text" name="tC1" size="20" value=""></td> ・・・・・> JavaScript外部ファイルでは、 function Col001(objText){ alert(objText.value); objText.document.bgColor='red'; } と記述しています。すると、ページ全体の色が変わってしまいます。 alert(objText.value);では、テキストボックスｔC1に入力されている値が正常に表示されるのですが・・・。テキストボックスの背景色だけを変える場合にはどのようにしたらいいのでしょうか？どなたか教えてください。よろしくお願いします。
画像で背景透明のテキストがにじむのです

こんにちは。いつもお世話になります。 webのバーをイラストレーターCS3で作成してます。別途、背景に模様の画像を配置しておるのでここは背景が透明のテキストだけの「画像」にしたいのですが gifで保存をいくら試しても文字がぎざぎざしてしまいます。 pngでも変わらず。背景の画像が黒っぽいので、テキストは白で 0.5～1ほど黒の縁取りをしたりしても同じです。画像にせずテキストのみのバーにしてもいいのですがデザイン上ちょっと避けたいのです。なんとか解決策は無いでしょうか。もしかしたらとんでもなく初歩的なことを聴いてて恥ずかしいのですがちょっと急ぎで困ってます。よろしくお願いいたします。
背景色を２色表示させたい

ＨＴＭＬを始めたばかりの初心者です。スタイルシートを使ってメール用のひな形を作っているのですが、わからないところがあるので教えてください。どの本やサイトを見ても背景色を２種類表示させる指定が載ってないのです。そういったことは可能ですか？たとえば上から７０ピクセルをＡの色で表示させ、その下から全てをＢの色で表示させたいのです。さらにＡの色の上に背景透過性の画像を横並びで表示させたい・・（画像の背景色は使いたくないので）。メールのひな形ですのでテキストは一切入力しません。画像のみです。稚拙な質問ですみません。よろしくお願いします。
CSSで、テキストのみの背景色を指定するには？

CSSで、テキストのみの背景色を指定するには？ＣＳＳを使って、 h1 { color: orange; background: green; } とすると、<h1>タグで示されたテキストの行の背景色が緑色になりますが、行全体ではなく、テキストのみの背景色を指定するにはどうすればよいでしょうか？

テキストの背景色。

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

お礼 2006/05/12 02:10

関連するQ&A

テキストボックスの背景の色について

画像ロールオーバーからテキストと背景のロールオーバーへ

背景画像にリンク

画像リンクの背景色を１つ１つ指定する。

access　テキストボックスの背景色

背景色を透明化

背景画像の上にテキストを表示したい

テキストボックスの背景色について

CSSでテキストインデントをマイナスにすると背景画像も消えてしまうのです

背景を透過するタグについて

テキストボックスの背景色変更時に影ができてしまう

onMouseoverで下線表示したい（リンクではないテキスト）

html　リンク文字の背景色について

cssで複数のリンクテキストをデザインしたい

スタイルシート（CSS）で左にアイコンが付いたテキストの右寄せ

CSS:hoverでナビボタンの背景画像を変えたいのですが・・

テキストの背景色を変える。

画像で背景透明のテキストがにじむのです

背景色を２色表示させたい

CSSで、テキストのみの背景色を指定するには？

注目のQ&A

カテゴリ
一覧

専門家に質問してみよう
専門家登録

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

テキストの背景色。

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

お礼 2006/05/12 02:10

関連するQ&A

テキストボックスの背景の色について

画像ロールオーバーからテキストと背景のロールオーバーへ

背景画像にリンク

画像リンクの背景色を１つ１つ指定する。

access テキストボックスの背景色

背景色を透明化

背景画像の上にテキストを表示したい

テキストボックスの背景色について

CSSでテキストインデントをマイナスにすると背景画像も消えてしまうのです

背景を透過するタグについて

テキストボックスの背景色変更時に影ができてしまう

onMouseoverで下線表示したい（リンクではないテキスト）

html リンク文字の背景色について

cssで複数のリンクテキストをデザインしたい

スタイルシート（CSS）で左にアイコンが付いたテキストの右寄せ

CSS:hoverでナビボタンの背景画像を変えたいのですが・・

テキストの背景色を変える。

画像で背景透明のテキストがにじむのです

背景色を２色表示させたい

CSSで、テキストのみの背景色を指定するには？

注目のQ&A

カテゴリ 一覧

専門家に質問してみよう 専門家登録

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

access　テキストボックスの背景色

html　リンク文字の背景色について

カテゴリ
一覧

専門家に質問してみよう
専門家登録