📌  相关文章
📜  如何在 HTML 中更改背景(1)

📅  最后修改于: 2023-12-03 14:52:19.148000             🧑  作者: Mango

如何在 HTML 中更改背景

在 HTML 中，可以使用 CSS 样式表来更改页面的背景。以下是一些方法。

使用颜色值作为背景

可以使用颜色值来设置页面的背景。

<!DOCTYPE html>
<html>
<head>
  <style>
    body {
      background-color: #f2f2f2;
    }
  </style>
</head>
<body>
  <h1>我的网站</h1>
  <p>欢迎来访问我的网站。</p>
</body>
</html>
使用背景图片

可以使用背景图片作为页面的背景，同时可以设置图片的重复方式。

<!DOCTYPE html>
<html>
<head>
  <style>
    body {
      background-image: url("background.jpg");
      background-repeat: repeat-x;
    }
  </style>
</head>
<body>
  <h1>我的网站</h1>
  <p>欢迎来访问我的网站。</p>
</body>
</html>
使用渐变作为背景

可以使用 CSS 渐变来设置页面的背景。以下是一个例子。

<!DOCTYPE html>
<html>
<head>
  <style>
    body {
      background: linear-gradient(to bottom, #000000, #ffffff);
    }
  </style>
</head>
<body>
  <h1>我的网站</h1>
  <p>欢迎来访问我的网站。</p>
</body>
</html>

以上是在 HTML 中更改背景的一些方法，可以根据实际情况选择合适的方法来设置页面的背景。