CSS背景代码大全如下:

1、背景颜色:

background-color: color-name;

使用CSS，你可以自由地指定´color-name´。无论是合法的色名还是精确的十六进制值，都能在你的网页上鲜活呈现。

2、背景图片:

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

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

3、背景重复:

background-repeat: repeat-style;

在CSS设计中，repeat-style可以灵活运用。如设为repeat，则图片平铺；repeat-x则是按X轴重复，如网页边栏常见；repeat-y同理，但在Y轴上重复。这些调控让背景图设计更具艺术感和实用性。

4、背景位置:

background-position: position-style;

通过设置`position-style`为`left`, `center`或`right`,你可以精确控制背景图片在页面中的定位，营造出色的效果。

5、背景大小:

background-size: size-style;

使用size-style自动调整，可选择cover或contain，让背景图片无缝融入，实现独特设计。

6、背景 attachment:

background-attachment: scroll-style;

在网页设计中，`scroll-style` 参数决定背景图片的滚动行为。它可以设定为 `scroll`（随动），`fixed`（固定），或是 `local-origin`（本地起源），确保图片无论用户如何滚动页面，都能保持恰当的位置和视觉效果。

7、背景颜色和图片:

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

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

8、背景渐变:

- 运用CSS的线性渐变，方向为left到right，颜色过渡从淡蓝至亮黄，创建了一段富有层次感的背景。

方向转变艺术，`direction`或`round`间流转。色彩渐变展现层次，每种`color-stop`间以逗号相连，构建出视觉上的流动乐章。