Web API HTMLBodyElement.background 属性介绍

简介

在前端开发中，HTMLBodyElement.background 属性是 HTML DOM 中 body 元素的一个属性，它用于获取或设置页面的背景样式。该属性可以用于设置背景图片、颜色或渐变。

语法

let bodyBackground = document.body.background;
document.body.background = "url(image.jpg)";

属性值

• bodyBackground：一个字符串，表示 body 元素的背景样式。它可以是一个图片的 URL，一个颜色名称，一个颜色的十六进制表示，或者是代表渐变样式的函数。如果没有设置背景样式，该属性的值为一个空字符串。
• "url(image.jpg)"：一个字符串，表示待设置的背景图片的 URL。这里的 image.jpg 是你要设置的图片的路径。你也可以使用其他图片格式，如 image.png 或 image.gif。

示例

下面是一些使用 HTMLBodyElement.background 属性的示例：

1. 设置 body 元素的背景图片：

document.body.background = "url(image.jpg)";

2. 设置 body 元素的背景颜色：

document.body.background = "red";

3. 设置 body 元素的背景为渐变色：

document.body.background = "linear-gradient(to bottom, red, blue)";

注意事项

• 当使用图片作为背景时，建议使用相对路径或绝对路径来指定图片的位置。在使用绝对路径时，注意确保图片可从 Internet 上访问，以使背景图片正确加载。
• 当设置颜色时，可以使用颜色的名称（如 "red"、"green"）或颜色的十六进制表示（如 "#FF0000"、"#00FF00"）。
• 设置渐变背景是一个复杂的过程，并且需要了解更多关于渐变样式的知识。具体的用法可以参考 CSS 文档或相关教程。

参考链接

• HTML DOM Body background 属性