カテゴリー
background-image CSS

【CSS】background-image:背景画像

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

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-image:背景画像

 CSSのbackground-imageは、背景画像を指定するプロパティです。
 背景画像はURLで指定し、CSSのファイルから相対的に指定するか、絶対的に指定します。

カテゴリー
background-color CSS

【CSS】background-color:背景色

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

See the Pen
PoqZEzw
by linlin (@linlin098765)
on CodePen.

【CSS】background-color:背景色

 CSSのbackground-colorは背景色を指定するプロパティです。

カテゴリー
background-attachment CSS

【CSS】background-attachment:背景画像の固定・移動

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

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-attachment:背景画像の固定・移動

 CSSのbackground-attachmentは背景画像を画面スクロールした際に固定状態にするか、スクロールと同時に移動させるか指定するプロパティです。

カテゴリー
background CSS

【CSS】background:背景の指定

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

See the Pen
color
by linlin (@linlin098765)
on CodePen.

<div>ああああああ</div>
div{
  color:red;
  background:gray;
}

【CSS】background:背景の指定

 CSSのbackgroundは背景を一括して指定できるプロパティです。
 背景色の指定から、背景画像まで一括して指定可能です。

カテゴリー
color CSS

【CSS】color:文字色

(例)【CSS】colorの使用方法

See the Pen
color
by linlin (@linlin098765)
on CodePen.

<div>ああああああ</div>
div{
  color:red;
  background:gray;
}

【CSS】color:文字色

 CSSのcolorは文字色を指定するプロパティです。