📜  如何更改 HTML 中的背景颜色?

📅  最后修改于: 2021-10-28 02:43:24             🧑  作者: Mango

通常,网络浏览器以黑白显示HTML 文档,即白色背景上的黑色文本。但是,您可以通过更改背景颜色和文本颜色来更改文档的外观。您可以更改背景颜色,如图所示。

但是,您可以选择其他颜色。正文颜色和文本颜色的选择应使网页的外观具有吸引力。

更改文档背景颜色的方法有以下三种:

  • 使用 bgcolor 属性
  • 使用内联 CSS
  • 使用内部样式表

保存 HTML 文件

在更改文档的背景颜色之前,我们需要创建一个 HTML 文件。以下是执行相同操作的步骤:

步骤 1:单击开始按钮并搜索Notepad

第二步:点击“记事本”。然后在屏幕上打开无标题记事本。

第 3 步:现在您可以开始编写 HTML 代码了

完成 HTML 文档后保存您的文件。执行以下步骤以保存 HTML 文档。

第 4 步:单击Ctrl+s以保存 HTML 文档。

第 5 步:将文档另存为 .html

方法一:使用 bgcolor 属性

HTML 提供了各种样式和属性,可以根据用户的需要对文档进行更改。以下是显示 bgcolor属性使用的 HTML 代码:

HTML


    Document


    

Hello reader my name is sachin Welcome to GeekforGeeks


HTML


    Internal CSS
    


    

Welcome to GeeksforGeeks

   

We are using the Internal CSS

 


HTML


    inline style attribute


    

Welcome to GeeksforGeeks

    

We are using the inline stlye attribute


输出:

方法 2:使用内联样式属性

如果我们想使用内联样式属性更改网页背景的颜色,我们必须按照下面给出的步骤进行操作。我们可以通过以下代码轻松更改背景颜色:

HTML



    Internal CSS
    


    

Welcome to GeeksforGeeks

   

We are using the Internal CSS

 

输出:

方法 3:使用内部 CSS

如果我们想使用内部级联样式表更改网页背景的颜色,我们必须按照下面给出的步骤进行操作。我们可以通过以下代码轻松更改背景颜色:

HTML



    inline style attribute


    

Welcome to GeeksforGeeks

    

We are using the inline stlye attribute

输出: