更改html的背景(1) - 芒果文档

📌 相关文章

📜 更改html的背景(1)

📅 最后修改于: 2023-12-03 15:26:21.533000 🧑 作者: Mango

更改 HTML 的背景

HTML 是一种用于创建 Web 应用程序的标记语言，通过 CSS 样式表，可以更改 HTML 元素的外观，包括背景颜色。

在 HTML 文件中添加样式表

使用内部样式表或外部样式表均可更改 HTML 的背景。在 HTML 文件的“head”部分，使用“style”元素来添加内部样式表，并使用“link”元素来添加外部样式表。如下所示：

内部样式表

<!DOCTYPE html>
<html>
  <head>
    <title>更改 HTML 的背景</title>
    <style>
      body {
        background-color: lightblue;
      }
    </style>
  </head>
  <body>
    <h1>更改 HTML 的背景</h1>
    <p>在 HTML 中使用 CSS 样式表更改背景颜色非常容易。</p>
  </body>
</html>

外部样式表

<!DOCTYPE html>
<html>
  <head>
    <title>更改 HTML 的背景</title>
    <link rel="stylesheet" type="text/css" href="style.css">
  </head>
  <body>
    <h1>更改 HTML 的背景</h1>
    <p>在 HTML 中使用 CSS 样式表更改背景颜色非常容易。</p>
  </body>
</html>

使用 CSS 属性更改背景

CSS 属性 “background-color” 用于更改 HTML 元素的背景颜色。以下是示例代码：

body {
  background-color: yellow;
}

您还可以指定其他 CSS 属性，例如背景图片，背景大小和背景位置。以下是示例代码：

body {
  background-image: url("bg.jpg");
  background-size: cover;
  background-position: center;
}

结论

通过此文档，您现在应该知道如何在 HTML 中更改背景颜色。记得使用 CSS 属性控制背景的不同方面，例如背景图片，背景大小和背景位置。