商品ページに壁紙を貼りたい

Question

いつも大変お世話になっております。ハロウィン特設ページを作ろうとしているのですが、うまくゆきません。　壁紙の貼り方のタグをアドバイスお願い申し上げます。

https://www.rakuten.ne.jp/gold/auroraweb/sp/hal2019a.html###HR######IMG05af4bba098b7d0196564acc647e7c194.jpegIMG0###

Accepted Answer

ECマスターズの伊藤です。

> いつも大変お世話になっております。ハロウィン特設ページを作ろうとしているのですが、うまくゆきません。　壁紙の貼り方のタグをアドバイスお願い申し上げます。

縦長の画像のため、PCのような横長の画面だと
・画像を中央に表示（左右に余白ができる)
・全体に敷き詰める
・１枚を画面いっぱいに表示（上下、もしくは上か下が切れる）
など現在の画像をきれいに収めることができません。

いくつかパターンをご用意いたしましたので、ご希望の
〜を、ページの

の直前に入れてくださいませ。

その他、こういった方法がないか、などございましたら、
返信よりご相談くださいませ。
方法によっては、実現できないものもございますので
予めご了承くださいませ。


画像を中央に表示

body{
    background-image:url("【画像URL】");
    background-repeat:no-repeat;
    background-position: center;
}


全体に敷き詰める

body{
    background-image:url("【画像URL】");
}


１枚を画面いっぱいに表示

body{
    background-image:url("【画像URL】");
    background-repeat:no-repeat;
}