• ベストアンサー

HTMLタグで背景の設定

タグの中には背景を設定できるものがありますが、その背景に画像ではなく、文字（A,B,C,あ、い、う…）を指定することはできますか？ 文字をキャプチャーし、背景にすることは簡単ですが、文字（コード）自体を背景に設定する方法があれば知りたいです。

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

  • ベストアンサー
  • pai3_14
  • ベストアンサー率56% (319/566)
回答No.1

できません。 どうしてもという場合、スタイルシートでブロック要素を 重ねることで、文字が重なったように見えますから、 「背景」になる方の文字に薄い色を使うとかすれば 何となくそれらしく見えるかもしれませんが、 ブロック要素ですので、他のブロック要素の状態で 動いてしまって配置が崩れたり、ブラウザによって見え方が 違ってきたりすることが考えられ、汎用性はないと思います。 以下ページを参考に、ご自分で確認してみると いろいろなページヘの応用が困難であることがわかると思います。 http://www002.upp.so-net.ne.jp/hidemi-k/webpublishing/advancedHTML07.html

utilityahd
質問者

お礼

ありがとうございます。 確かにブロック要素だとレイアウトに注意を払わないといけないので大変そうですよね。 お教えいただいたリンク先、今から拝見させていただきます^^

  1. カテゴリ
  2. パソコン・スマートフォン
  3. Windows
  4. Windows XP

関連するQ&A

  • HTMLのタグについて

    HPをつくっていて悩むのががタグです 背景固定や画像挿入の時大文字で書かれている時と小文字で書かれている 時があります 同じタグでも大文字ならうごかず小文字になれば動くのは なぜでしょう　また反対の時もあります お暇な時教えてください

    • ベストアンサー
    • HTML
  • 携帯用HTMLで文字の背景色を指定するには。

    はじめまして！今携帯用のホームページを作っているのですが、yahooモバイルのように、文字の背景色を指定して、ページの背景は白で『コンテンツ一覧』と記述した1行だけ、背景を黄色にしたいのですが、そういうことって可能でしょうか？？tableタグを使ってやると、それができたのですが、tebleタグに対応していないi-mode機種(docomo SH900iや F901is)でyahooモバイルを見ても、きちんと1行だけ背景が黄色になっていたので、tableタグを使わずにそうする方法があるのだと思いましたが、ソースが見れないのでどのように記述すればいいかわかりません。 あとa～hの8つのリンクを a b c d e f g h という風に2つずつきれいに並べて表示させたいのです。これもtableタグを使うとできるのですが、yahooモバイルではtableタグ未対応の機種で見てもきちんと表示されているのです。 なにか特別な書き方があるのでしょうか？？ 自分でも色々調べてみたのですが、これらのことができそうなタグは見つけることができませんでした。よろしくお願いします。

    • ベストアンサー
    • HTML
  • ＨＴＭＬのタグ

    ＨＴＭＬでホームページを作っています。 どうしたらいいかわからないので質問します。 ある画像Ａがあるとします。Ａをクリックしたらもう１つのＢの画像に切り替わるようなタグはありますか？

    • 締切済み
    • CSS
  • ホームページの背景（ＦＣ2）

    知識のない初心者です。 ＦＣ2でＨＰを作ろうと思っています。 FCkeditorでやっているので文字や画像の入力はとても簡単でした。 ですが、『ある画像を背景に設定して、その上に文章を打つ』ということができません； 様々なサイトを回ってみましたが、画像を背景に設定するには、 『タグ』を使うしかないようで・・・・ ＦＣ2を使っていらっしゃる方、 タグを使わずに画像の背景設定ができる　簡単な　方法はありますか？

  • htmlタグで背景に画像を敷き詰めたい！

    お世話になります。先日、htmlタグで背景に画像を敷き詰める方法について投稿させていただきアドバイスをいただきましたがいざ実行しましたところ、背景表示されず全くの空白の状態でした。 わたくしのやり方が間違っているのか？と思いますので再度投稿させていただきました。 ”背景に同じ画像を1つではなくたくさん敷き詰める方法”です。 どなたかアドバイスをお願いいたします。 ※ちなみに前回いただきましたアドバイスは <body background="back1.gif"> を<HEAD>から</head>の間に宣言してください。 back1.gifの部分にあなたが使いたい画像を指定すればｏｋです。 といただきましたが何も反映されません(-_-;) アドバイス・・お願いいたします。

    • ベストアンサー
    • HTML
  • テーブルの背景。

    テーブルの背景に画像を入れることってできますか？ セルにではなく、テーブル全体の背景に入れることができないだろうかと。 で、なおかつ画像の上に文字を配置したいのでと、いう風に考えると、 やっぱり、背景に入れるって方法しかないと。 色の指定ができるわけだから、画像の指定もできそうな気がするんですけど。 あ、字が入ってる画像を作ればいいって回答はやめてください（笑） それだと更新がめんどくさいのでっていうことで質問してますので。 可能な方法がありましたら、教えてください。 タグで書いて頂けるともっと嬉しいです。感涙します。 ではよろしくです。

    • 締切済み
    • CSS
  • HTMLで背景を設定する場合

    背景の設定で 背景をスクロールされず、尚且つ繰り返されないようにするにはどのようなタグにすればよろしいのでしょうか。

    • ベストアンサー
    • HTML
  • 背景のタグ

    背景に画像をはるためのタグを教えてください！！ なにもしらないもので。。。

    • ベストアンサー
    • HTML
  • 【CSS】CSSでh1タグに背景を指定し、画像の中の任意の場所に文字を書き込みたいのですが、うまくいきません

    【質問】CSSでH1タグに背景を指定し、画像の中の任意の場所に文字を書き込みたいのですが、上下に余計な空白ができてしまい困っています。 【狙い】高さ32pxの3枚の画像ABCを縦につなぎ合わせた、高さ96pxの一枚の画像(=***)をCSSでH1の背景にし、H1の内容に応じてHTML上でclassを変えて、背景をAにしたりBにしたり変えられるようにする。 【コード】 CSS h1 {height: 32px;background-image: url(***);} .a h1{background-position: 0 0;} .b h1{background-position: 0 -32px;} .c h1{background-position: 0 -64px;} .a,.b,.c{margin: 0;padding: 0;} /*-↓画像のタテの中心に文字を並べるためにpaddingをとります-*/ h1 .subject{padding-top:9px;margin: 0;} HTML <div class="b"> <!--←A,B,Cに画像を切り替えます。//--> <h1><div class="subject">助けてください（ T＿T）</div></h1> </div> 【現状】 IE7 H1の下に余計な空白ができてしまいます。 FireFox3　H1の上下に余計な空白ができてしまいます。 どうすればよいのでしょうか？どこを修正すればよいのでしょうか、また 代替案があれば教えてくださるとありがたいです。

    • ベストアンサー
    • HTML
  • 携帯での文字背景色のタグについて

    自分は携帯サイトを作っていまして、ととめろ（http://ttr.jp/）のような文字背景色をつけようと思い、タグを <table width=240 bgcolor="#ff9f00"><tr><td><A href="….html">文字入力</A></td></tr></table> と入力したのですが、自分のD902iで表示されたのですが、友人のF901iCでは表示できませんでした…。 902iシリーズではこの構文は有効なようなのですが、それ以下のシリーズではどうやら効かないようなのです…。 FOMAの全シリーズで対応している文字背景のタグを教えていただけませんか？ 文字背景色を段落ごとに色分けするので、白い間隔が空かない方法でお願いします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する