css背景设计图

作为网站设计师，我们需要在网站中添加背景设计，并且CSS是我们常用的工具之一。下面我将介绍几种CSS背景设计图的方法，希望对您有所帮助。

/* 方式一：纯色背景 */
body {
  background-color: #FFFFFF;
 /* 白色背景 */
}
/* 方式二：渐变背景 */
body {
  background: linear-gradient(to right, #FF0000, #0000FF);
 /* 从左到右渐变色 */
}
/* 方式三：图片背景 */
body {
  background-image: url("bg-image.png");
 /* 图片路径 */
  background-repeat: no-repeat;
 /* 不重复 */
  background-size: cover;
 /* 完全覆盖 */
}
/* 方式四：重复图片背景 */
body {
  background-image: url("bg-image.png");
 /* 图片路径 */
  background-repeat: repeat;
 /* 水平垂直重复 */
  background-size: auto;
 /* 自动调整大小 */
}
 

希望这些CSS背景设计图的方法可以帮助您为网站添加美观的背景，提高用户体验和视觉感受。