📜  如何在 HTML 中设置背景颜色?

📅  最后修改于: 2021-08-29 12:42:45             🧑  作者: Mango

在本文中,我们将看到如何设置元素的背景颜色。使用 style属性的目的是为元素添加样式。对不同元素使用 style 属性只会导致该元素发生变化。此属性可用作内联、内部或外部。 style 属性提供了许多可用于改进简单 html 页面的属性。

可以通过三种方式更改背景颜色:

  • 内联样式属性
  • 内部 CSS
  • 外部 CSS

HTML5 不支持标签的 ‘bgcolor’属性,因此我们需要使用内联样式属性和内部 CSS 选项来更改网页的颜色。对于内部 CSS,在 html 文件的开头添加

示例 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 页面。