css background样式

时间:2023-04-04 13:44:43

"background" 样式用于设置元素的背景样式,包括背景颜色、背景图片、背景位置、背景大小、背景重复方式等。

css语法如下:

background: color|image|repeat|attachment|position|size;
其中,“color”表示背景颜色,可以是颜色值或者颜色名称;“image”表示背景图片,可以是图片路径或者 URL;“repeat”表示背景图片的重复方式,可以是 "repeat"、"repeat-x"、"repeat-y" 或者 "no-repeat";“attachment”表示背景图片的固定方式,可以是 "scroll" 或者 "fixed";“position”表示背景图片的位置,可以是像素值、百分比值、关键字 "top"、"bottom"、"left"、"right"、"center" 等;“size”表示背景图片的尺寸,可以是像素值、百分比值、关键字 "auto"、"cover" 或者 "contain"。

例如,要将一个元素的背景设置为红色并平铺显示,可以使用以下样式:

div {
background: red repeat;
}

如果要将背景设置为图片,并设置图片的位置和尺寸,可以使用以下样式:

div {
background: url(bg.jpg) center / cover no-repeat fixed;
}

请注意,背景图片的路径或 URL 应该相对于 CSS 文件或 HTML 文件的位置,或者使用绝对路径或完整的 URL。如果使用相对路径,请确保路径正确。

相关词 background