在本文中,我们将看到如何设置元素的背景颜色。使用 style属性的目的是为元素添加样式。对不同元素使用 style 属性只会导致该元素发生变化。此属性可用作内联、内部或外部。 style 属性提供了许多可用于改进简单 html 页面的属性。
可以通过三种方式更改背景颜色:
- 内联样式属性
- 内部 CSS
- 外部 CSS
HTML5 不支持标签的 ‘bgcolor’属性,因此我们需要使用内联样式属性和内部 CSS 选项来更改网页的颜色。对于内部 CSS,在 html 文件的开头添加 标签并添加应用更改的标签,在这种情况下使用
标签。句法:
/* For inline style attribute */
/* For internal CSS attribute */
示例 1:以下示例说明了内联 CSS 的使用。
HTML
GeeksForGeeks
How to change color of Background?
HTML
GeeksForGeeks
How to change color of
Background?(Using Internal CSS)
输出:在浏览器中打开 html 文件时会显示。
示例 2:以下示例说明了内部 CSS 的使用。
HTML
GeeksForGeeks
How to change color of
Background?(Using Internal CSS)
输出:在浏览器中打开 html 文件时会显示
外部 CSS:在外部 CSS 中,我们创建一个单独的文件,其中包含 html 文件的所有样式数据。在外部存储文件可以更轻松地将更改应用于 HTML 页面。