添加背景图像和颜色 CSS

在网站开发过程中，我们常常需要为页面添加背景图像或背景颜色。在 CSS 中，我们可以使用 background 属性来实现。

添加背景图像

要添加背景图像，我们需要指定图片的 URL，并设置背景重复方式、定位方式等属性。如下所示：

body {
  background-image: url("your-image-url");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

• background-image 属性指定图片 URL。
• background-repeat 属性指定图片重复方式，可选值有 repeat（默认）、no-repeat、repeat-x、repeat-y。
• background-size 属性指定图片的大小，cover 表示尽可能覆盖整个元素。
• background-position 属性指定图片位置，这里将图片水平和垂直都居中对齐。

添加背景颜色

要添加背景颜色，我们只需要设置 background-color 属性即可。如下所示：

body {
  background-color: #f5f5f5;
}

• background-color 属性指定背景颜色，这里使用十六进制颜色值表示。

结束语

使用 CSS 添加背景图像和背景颜色是网站开发的基础操作之一。掌握这些技能，可以让网站在视觉上更加美观，提升用户体验。