CSS背景代码大全如下:

1、背景颜色:

background-color: color-name;

其中,color-name 可以是任何有效的 CSS 颜色名称或十六进制颜色值。

立即学习“前端免费学习笔记（深入）”；

2、背景图片:

background-image: url('image-url');

其中,image-url 是图片的 URL 地址。

3、背景重复:

background-repeat: repeat-style;

其中,repeat-style 可以是 repeat、repeat-x 或 repeat-y,表示背景图片是否需要平铺或沿特定方向平铺。

4、背景位置:

background-position: position-style;

其中,position-style 可以是 left、center 或 right,表示背景图片在页面中的位置。

5、背景大小:

background-size: size-style;

其中,size-style 可以是 auto、cover 或 contain,表示背景图片的大小。

6、背景 attachment:

background-attachment: scroll-style;

其中,scroll-style 可以是 scroll、fixed 或 local-origin,表示背景图片是否随页面滚动、固定在页面上方或与页面一起滚动。

7、背景颜色和图片:

background: color-name url('image-url');

可以将背景颜色和背景图片一起设置。

8、背景渐变:

background-image: linear-gradient(direction, color-stop1, color-stop2, ...);

其中,direction 是渐变方向,可以是 to bottom、to top、to left、to right 或 round。color-stop 是渐变颜色,可以有多个,用逗号分隔。