- 記事公開日
background-positionを一行で書きたい
「background-position」は一行で書けないの？
「background:url(‘xxx.jpg’) no-repeat center;」って書いても反映されないんだけど・・・
一行で書けますが、background-positionは「/」で区切るルールがあります。
「background-position / background-size」と表記するようにしてください。
.bg {
width:100%;
height:100vh;
background:url('image/suika.jpg') center / 300px no-repeat;
}<body>
<div class="bg"></div>
</body>サイズが300px、中央の位置で背景画像が表示されます。