カテゴリー: CSS

カテゴリー
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は文字色を指定するプロパティです。