カテゴリー
background-repeat CSS

【CSS】background-repeat:背景画像のリピート方法

(例)【CSS】background-repeatの使用方法

See the Pen
background-position
by linlin (@linlin098765)
on CodePen.

<body>

  
</body>
body {
background-image: url("https://www.llc-linlin.com/picture/SEO.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: right bottom
}

【CSS】background-repeat:背景画像のリピート方法

 CSSのbackground-repeatは、背景画像のリピート方法を指定するプロパティです。

  • repeat
    縦と横に背景画像を繰り返して表示
  • repeat-x
    横にのみ背景画像を繰り返して表示
  • repeat-y
    縦にのみ背景画像を繰り返して表示
  • no-repeat
    背景画像を1回のみ表示