- ベストアンサー
cssとhtml内のdiv要素だけで画像を表示するには
こんばんは。昨日からcssを始めてみたのですが、 早速壁にぶつかってしまいました。 くだらない質問と思われるかもしれませんが、お暇なかた よろしければご回答ください。 ほとんどのブログでは、htmlをいじることはできず、 css編集のみとなっています。 cssのみで画像を表示させたく、div要素を定義して、 それにcssを設定しようとしたのですが、うまくいきません。 以下失敗したままのサンプルを提示しますので、 間違っている箇所がありましたら、ご指摘ください。 /*cssだお*/ body.imiji { background-image:url(画像のurl); } .image { background-image:url(画像のurl); ←問題の箇所 } p.color { color:blue; font-family:"メイリオ" !important; } <!--html--> <html> <head> <title>ふぁぶ </title> <link rel=stylesheet type="text/css" href="fab.css"> </head> <body class="imiji"> <div class="image"></div>←←問題の箇所 <p class="color"> もうホントに勘弁して </p> </body>
- その他（インターネット・Webサービス）
- 回答数2
- ありがとう数1
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
このままでは画像が何も表示されないのではないですか？ .image{}内にwidthやheightで領域サイズを指定してはどうでしょう。 あと、bodyにclassは必要ありません。 body{ background-image:url(画像のurl); } でOKです。
その他の回答 (1)
- vista2446
- ベストアンサー率46% (131/279)
素朴な疑問ですが、何故にボックスの大きさを指定しないのですか？
補足
回答ありがとうございます。 なるほどwww（汗） 表示域を指定しないと表示されるわけないですね・・・。 ありがとうございました。
お礼
詳しい回答をありがとうございました。 無事表示させることができました。 正直しょっぱなからくじけた感があったのですが、 おかげさまで助かりました。