• ベストアンサー

背景をCSSで

leaz024の回答

  • ベストアンサー
  • leaz024
  • ベストアンサー率75% (398/526)
回答No.1

HTMLのHEAD領域に、  <STYLE type="text/css"><!--  BODY { background: 色 url(画像パス) }  --></STYLE> と書くか、BODYタグにstyle属性を指定して  <BODY style="background: 色 url(画像パス)"> とします。 参考URLの、「リファレンス」→「バックグランド」も参考にされるとよいでしょう。

参考URL:
http://tohoho.wakusei.ne.jp/wwwcss.htm
pop21
質問者

お礼

ありがとうございました。 おかげでCSSで背景色を指定することが出来ました。 本当に感謝してます!

関連するQ&A

  • CSSで「html」にも背景指定をするのはどのような場合?

    CSSで「html」にも背景指定をするのはどのような場合? CSSの背景指定に関する質問です。 ページ全体の背景色や背景画像を指定する場合、 自分は下記のように記述をしています。 body { background:url(画像名) repeat-x #背景色; } しかし、たまにhtmlにも背景を指定しているものを見かけます。 下記のような感じです。 html,body { background:url(画像名) repeat-x #背景色; } どういったケースでhtmlにも背景を指定する必要があるのでしょうか? もしかしたらbodyのみに背景指定し、bodyにpadding等の指定を入れると、 何か不具合が起こる?と思い自分なりに実験してみましたが、 特に何も変化は無しでした。 (Firefox、IE6でチェック) 分かる方いらっしゃいましたら回答をお願いいたします。

    • ベストアンサー
    • CSS
  • 背景色が出ません。

    CSSで bodyに背景画像、 wrap全体にbackgroundで色の指定、 wrapの中のdivにもbackgroundで色の指定をしていますが、divのbackground色が出てきません。 wrapの指定色が利いたままです。 ブラウザはFirefoxです。 IEでは問題ないのですが・・・。 どのようにしたら、Firefoxでもbackgroundの色が利くようになりますか?

    • ベストアンサー
    • HTML
  • CSSで、テキストのみの背景色を指定するには?

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

  • Webの背景について

    今HTML、CSSなど使ってHPを作っていますが チェックで作った背景に一つの画像を右下に固定表示させたいのですができるでしょうか? 背景固定はできるんですけど画像を右下にやるのができません。 <body background="imagfolder/02.jpg" bgproperties="fixed"> のタグはチェックの背景になっています。 固定で検索すると <STYLE type="text/css"> <!-- BODY { background-image : url("壁紙のURL"); background-attachment: fixed; background-position: 100% 100%; background-repeat: no-repeat; } --> </STYLE> とでてくるんですがどうしてもチェックの上に加工した画像を右下に固定したいので教えてください。 メモ帳より作成しています。 今月中に仕上げたいのでよろしくお願いします

  • CSSでの背景の指定について教えてください。

    背景がうまく指定できません。よろしくお願いします。 フォルダ(img)の中にbana(ファイル名)750×100のjpgの画像が置いてあります。 CSSの指定は #head{ width:750px; height:100px; background-color:#ffffff; background-image:url(../img/bana.jpg); border-bottom:#999999 solid 1px; } HTMLは <div id="head"> <h1>・・・・・・</h1> </div> です。色々と試してみたのですが、背景が入ってくれません。 初心者ですので説明不足かもしれませんが よろしくお願いします。

  • 背景を固定する。

    <HTML> <HEAD> <TITLE>・・・</TITLE> <STYLE TYPE="text/css"> <!-- BODY { background-image: url(画像のURL); background-repeat: no-repeat; background-position: right bottom; } --> </STYLE> </HEAD> <BODY> ・ ・ ・ </BODY> </HTML> このタグをいれても、背景が表示されず真っ白です。 何か間違ってるところがありますか?

  • モバイルHTMLでCSSを使わず背景色を…

    モバイルHTMLでCSSを使わず背景色を… ワタシではなく友人からの質問になっちゃうのですが 友人が、ある企業のメールマガジン送信サービスの中にある機能のひとつで、 モバイルサイトも作ることができるエディター(CMSみたいなもの)でモバイル用HTMLを作成しています。 CMSなので、特に知識は必要なく編集できるのですが、、、 HTMLの中で編集可能なのは <body></body>の間だけで、<head></head>内を編集ができないため HTML内部・外部問わずオリジナルで作成したCSSを実装できません。。 CMSで誰でもできるがウリなのでCSSを使う機能なんか必要ないということでしょうが。 それで、質問の本題なのですが、 この制限された環境下で、文章を打った<DIV>タグの背景色を指定するために <DIV style="BACKGROUND: #563100"> <FONT color=#ffffff size=2>茶色バックに白文字</FONT> </DIV> と、ソースを書いて実機で動作確認してみると ◆確認携帯台数24台(主婦友や友人などでキャリア、メーカー、年代はバラバラ)◆ ◇ソフトバンク…問題ありません。 ◇au…問題ありません ◇ドコモ…一部メーカーや年代によりstyle="BACKGROUND: #563100"無視→白バック・白文字→何も見えません。 この不具合?になったものは以下の通りです。 ・SHARP…1年以内の機種から2年以上前の機種まで(確認に使用した4台全てでした) ・SONY…2年近く前の機種(ドコモでSONYはこれ1台しかなかったので、全てダメかは分かりません) ・韓国メーカー?(Lシリーズ)…1年以内の機種(これ1台しかなかったので、全てダメかは分かりません) ・NEC…見えるもの見えないものがあります。 全てのキャリア、メーカー、年代で結果が違ってしまうのは、事前に調べて分かりましたが、、 キャリの振り分けを使わず、CSSも使用しない状況下での初期のHTMLで どのキャリアでも、それに近い数の中で背景に色を着けることは可能なのでしょうか? ※色のついたボックスで囲まれたイメージにしたいので、文字があるところにのみ背景色が着く<font>タグでの使用は考えていません。 ※ページ全体の背景色はCMSのエディターで変更できますが、今回はページ全体ではなく見出しや、強調部分など部分的な箇所に背景色を指定したいです。 友人が10/27のお店OPENにあわせて作っているものなので、 皆様のお力をおかりできると大変助かります。 どうかよろしくお願いします。

    • ベストアンサー
    • HTML
  • cssで文字背景を透明化できますか?

    cssで文字背景を透明化できますか? 文字の背景にbackground-colorで色をつけ、その色を透けて見せたいのですが、 わかりません・・。 「-moz-opacity:50;」とか「filter:alpha(opacity=50);」などで色の透明効果を 出せるとありましたが、ソースをどう記述すればいいのかわかりません。 よろしくお願いしますm(_ _)m

  • CSSで左右の背景色を指定したい

    CSSでページを作成しているのですが、左右の背景色をかえたページにしたいと思ってます。 そこでCSSで指定した範囲に左右に別々のIDを指定しているのですが、この場合要素の部分のみしかCSSでしていしたbackground-cplorが表示されません。 heightで指定してもいいのですが、 要素が延びる可能性もあるので表示幅に合わせて背景を表示させるのはどう指定したらよいでしょうか?

    • 締切済み
    • CSS
  • CSSで背景画像が表示されない

    CSSレイアウトで通常のHTMLで作成しています。 背景画像が表示されないくて困っています。 他の方の質問で似た事例があったのと、 情報サイトを見てみたのですがどうしても上手くいきません。 この場合floatとclearはどう使えば背景が表示されるのでしょうか? http://oshiete1.goo.ne.jp/qa3882745.html http://2nose.com/css/?ID=120 bodyには別背景を指定してあるのでbodyへの指定はできません。 何かアドバイスがあれば教えて頂けますでしょうか。(__) 確認はIE8です。 [ css ]----------------------------------------------------- #wrap{ width: 920px; height: 100%; margin-left: auto; margin-right: auto; background: url(../img/background.jpg) repeat-y; } #contents{ clear: both; } #sidemenu{ width: 275px; float: left; } #mainbox{ width: 570px; float:right; } [ html ]---------------------------------------------------- <div id="wrap"> <div id="contents"> <div id="sidemenu">サイドメニュー内容</div> <div id="mainbox">メインコンテンツ</div> </div> </div> 以上です、よろしくおねがいします!

    • ベストアンサー
    • HTML