div {
  background-color: #f4f4f4; /* 使用十六进制颜色代码设置背景颜色 */
}

div {
  background-image: url('example.jpg'); /* 设置背景图像的路径 */
  background-repeat: no-repeat; /* 禁止图像重复平铺 */
  background-size: cover; /* 图像尺寸适应容器，可能会被裁剪 */
}

div {
  background-repeat: repeat-x; /* 水平平铺 */
  /* 其他值：repeat-y（垂直平铺）、no-repeat（不平铺） */
}

div {
  background-position: center top; /* 指定背景图像在容器中的位置 */
  /* 其他值：left、right、top、bottom、center等 */
}

div {
  background-image: linear-gradient(to right, #ffcc00, #ff6633); /* 线性渐变背景 */
}

div {
  background:
    url('bg1.jpg') center/cover no-repeat,
    linear-gradient(to right, #ffcc00, #ff6633);
}

div {
  background-attachment: fixed; /* 固定背景，不随滚动而移动 */
  /* 其他值：scroll（默认，随滚动而移动） */
}