如何在HTML中更改背景颜色？
在HTML中，我们可以使用以下不同方法来更改网页背景颜色:
使用bgcolor属性
使用内联样式属性
使用内部CSS
1。使用bgcolor属性
注意: HTML 5不支持<body>标签的bgcolor属性，因此我们必须使用内联样式属性和内部CSS选项来更改网页的颜色。
如果要使用bgcolor属性更改网页背景的颜色，我们必须执行以下步骤。使用这些步骤，我们可以轻松更改背景的颜色:
步骤1:我们可以在
bgcolor属性来更改
HTML页面的背景颜色。
<!Doctype Html>
<Html>
<Head>
<Title>
使用Bgcolor属性更改背景颜色
</Title>
</Head>
<Body>
Lidihuo <br>
HTML教程 <br>
在HTML中，我们可以使用下面的不同的方式改变网页的背景的颜色： <br>
1.使用bgcolor属性 <br>
2.使用一个内联样式属性 <br>
3.使用内部CSS
</Body>
</Html>
步骤2:现在，将光标移动到HTML文档的
开始<body>标记内。然后，输入
bgcolor属性，如以下代码段所示:
第3步:现在，我们必须在网页背景上指定要使用的颜色。因此，如以下块中所述，在
bgcolor属性中键入颜色的名称。
<!Doctype Html>
<Html>
<Head>
<Title>
使用Bgcolor属性更改背景颜色
</Title>
</Head>
<Body bgcolor="blue">
Lidihuo <br>
HTML教程 <br>
在HTML中，我们可以使用下面的不同的方式改变网页的背景的颜色： <br>
1.使用bgcolor属性 <br>
2.使用一个内联样式属性 <br>
3.使用内部CSS
</Body>
</Html>
步骤4:而且，最后，我们必须将HTML代码保存在文本编辑器中并运行该代码。执行后，我们将看到与文档中指定颜色相同的网页背景。以下屏幕截图显示了上述HTML代码的输出:
2中的背景色。使用内联样式属性
如果要使用内联样式属性更改网页背景的颜色，则必须遵循以下步骤。使用这些步骤，我们可以轻松地更改背景颜色。
步骤1:首先，我们必须在任何文本编辑器中键入Html代码或在其中打开现有的Html文件。我们要在其中使用
Inline style属性更改该HTML页面的
背景色的文本编辑器。
<!Doctype Html>
<Html>
<Head>
<Title>
使用内联样式属性更改背景颜色
</Title>
</Head>
<Body>
此页面可帮助您了解如何更改网页的背景色。 <br>
<br>
并且，本部分帮助您了解如何使用样式属性更改HTML页面的背景颜色。
</Body>
</Html>
步骤2:现在，将光标移动到HTML文档的
开始<body>标记内。然后，输入
style属性，如以下代码段所示:
<body style="background-color:">
第3步:现在，我们必须在网页背景上提供要使用的颜色。因此，如以下块中所述，在
style属性的background-color属性中键入颜色的名称。
<!Doctype Html>
<Html>
<Head>
<Title>
使用内联样式属性更改背景颜色
</Title>
</Head>
<Body style="background-color:orange">
此页面可帮助您了解如何更改网页的背景色。 <br>
<br>
并且，本部分帮助您了解如何使用样式属性更改HTML页面的背景颜色。
</Body>
</Html>
步骤4:而且，最后，我们必须将HTML代码保存在文本编辑器中并运行该代码。执行后，我们将看到与文档中指定颜色相同的网页背景。以下屏幕截图提供了上述HTML代码的输出:
3中的背景色。使用内部CSS
如果我们想使用内部级联样式表来更改网页背景的颜色，我们必须遵循以下步骤。使用这些步骤，我们可以轻松地更改背景颜色。
步骤1:首先，我们必须在任何文本编辑器中键入Html代码，或在工具栏中打开现有的Html文件。文本编辑器，我们要在其中使用
内部CSS来更改
背景颜色。
<!Doctype Html>
<Html>
<Head>
<Title>
使用内部级联StyleSheet更改背景颜色
</Title>
</Head>
<Body>
此页面可帮助您了解如何更改网页的背景色。 <br>
<br>
并且，本部分帮助您了解如何使用内部级联样式表更改HTML页面的背景色。
</Body>
</Html>
步骤2:现在，我们必须将光标放置在HTML文档的
head标签中，然后在
<style> 标记，如以下块所示。然后，在
body 元素中输入
background-color 属性。
<!Doctype Html>
<Html>
<Head>
<Title>
使用内部级联StyleSheet更改背景颜色
</Title>
<style>
Body
{
background-color: green;
}
</style>
</Head>
<Body>
此页面可帮助您了解如何更改网页的背景色。
<br>
并且，本部分帮助您了解如何使用内部级联样式表更改HTML页面的背景色。
</Body>
</Html>
第4步:而且，最后，我们必须将HTML代码保存在文本编辑器中并运行该代码。执行后，我们将看到与文档中指定颜色相同的网页背景。以下屏幕快照显示了上述HTML代码的输出:
