シャフト株式会社

背景画像を画面いっぱいに表示

背景画像を画面いっぱいに表示

body {
background-image: url("●●●●");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
}

css解説

background-position等を設定することで、背景画像をブラウザの画面いっぱいいっぱいに表示する方法です。

Copyright © SCHAFT Inc. All Rights Reserved.