CSS（层叠样式表）是一种用于描述网页中元素样式的标记语言。在CSS中，背景是一个重要的样式属性，可以用于设置网页元素的背景颜色、背景图片、背景重复方式等。本文将介绍CSS中如何编写背景代码。

背景颜色：

在CSS中，可以使用background-color属性来设置元素的背景颜色。其语法如下：

selector {
    background-color: color;
}

其中，selector表示要设置背景颜色的元素选择器，color表示要设置的颜色值。颜色值可以使用颜色名称、十六进制值或RGB值表示。

例如，将段落元素的背景颜色设置为红色：

p {
    background-color: red;
}

背景图片：

在CSS中，可以使用background-image属性来设置元素的背景图片。其语法如下：

selector {
    background-image: url("image.jpg");
}

其中，selector表示要设置背景图片的元素选择器，url("image.jpg")表示要设置的图片路径。图片路径可以是相对路径或绝对路径。

例如，将div元素的背景图片设置为一张名为"background.jpg"的图片：

div {
    background-image: url("background.jpg");
}

背景重复：

在CSS中，可以使用background-repeat属性来设置背景图片的重复方式。其语法如下：

selector {
    background-repeat: repeat-x;
}

其中，selector表示要设置背景重复方式的元素选择器，repeat-x表示水平重复背景图片。常用的背景重复方式有repeat（默认值，水平和垂直重复）、repeat-x（水平重复）、repeat-y（垂直重复）和no-repeat（不重复）。

例如，将body元素的背景图片水平重复：

body {
    background-image: url("background.jpg");
    background-repeat: repeat-x;
}

背景大小：

在CSS3中，可以使用background-size属性来设置背景图片的大小。其语法如下：

selector {
    background-size: 100px 200px;
}

其中，selector表示要设置背景大小的元素选择器，100px表示宽度，200px表示高度。也可以使用百分比或关键字（cover或contain）来设置背景大小。

例如，将header元素的背景图片大小设置为宽度为100px，高度为200px：

header {
    background-image: url("background.jpg");
    background-size: 100px 200px;
}

总结：

CSS背景代码的编写涉及到背景颜色、背景图片、背景重复和背景大小等属性的设置。通过合理运用这些属性，可以实现不同背景效果的元素样式。在编写CSS背景代码时，需要了解各个属性的语法和取值范围，以及选择合适的元素选择器来应用这些属性。