插件窝 干货文章 css如何添加背景

css如何添加背景

background 可以 使用 背景图片 952    来源:    2023-12-04

在CSS中,可以使用background属性来添加背景。该属性可以接受多个值,用于定义背景颜色、图片、重复方式、位置等。

要添加背景颜色,可以使用background-color属性。例如,要将背景颜色设置为红色,可以使用以下代码:

body {
  background-color: red;
}

要添加背景图片,可以使用background-image属性。例如,要将背景设置为一张名为"bg.jpg"的图片,可以使用以下代码:

body {
  background-image: url("bg.jpg");
}

如果需要平铺背景图片,可以使用background-repeat属性。例如,要将背景图片在水平和垂直方向上平铺,可以使用以下代码:

body {
  background-repeat: repeat;
}

如果需要将背景图片固定在页面中,可以使用background-attachment属性。例如,要将背景图片固定在页面中,可以使用以下代码:

body {
  background-attachment: fixed;
}

如果需要调整背景图片的位置,可以使用background-position属性。例如,要将背景图片向右上方偏移20像素,可以使用以下代码:

body {
  background-position: 20px -20px;
}

以上是添加背景的一些常用CSS属性和值。通过使用这些属性,可以根据需要来添加背景颜色或图片,并对其进行调整。