如何在html中制作背景颜色(1)

📌 相关文章

📜 如何在html中制作背景颜色(1)

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

如何在HTML中制作背景颜色

在HTML中，可以通过CSS来制作背景颜色。具体方法如下：

在HTML文档中添加style标签：

<head>
  <style>
    /* CSS代码将放在这里 */
  </style>
</head>

在style标签中添加背景颜色的CSS样式：

<head>
  <style>
    /* 使用颜色名称 */
    body {
      background-color: red;
    }
    
    /* 使用RGB颜色值 */
    h1 {
      background-color: rgb(255, 0, 0);
    }
    
    /* 使用十六进制颜色值 */
    p {
      background-color: #ff0000;
    }
  </style>
</head>

在这个例子中，我们使用了三种不同的方法来指定颜色：颜色名称、RGB颜色值和十六进制颜色值。

保存HTML文档并在浏览器中查看效果。

完整代码：

<!DOCTYPE html>
<html>
  <head>
    <style>
      body {
        background-color: red;
      }
      
      h1 {
        background-color: rgb(255, 0, 0);
      }
      
      p {
        background-color: #ff0000;
      }
    </style>
  </head>
  
  <body>
    <h1>这是一个标题</h1>
    <p>这是一段文字</p>
  </body>
</html>

以上就是如何在HTML中制作背景颜色的方法，需要注意的是，CSS样式的应用范围十分广泛，建议深入学习。