如何修改HTML5代码中body标签的背景颜色

方法1：使用body标签的bgcolor属性（不推荐，属于已废弃的旧规范） #

直接在<body>标签上添加bgcolor属性，属性值填你想要的颜色名、十六进制色值、RGB色值都可以：

<html>
  <head>
    <title>Body bgcolor Attribute example</title>
  </head>
  <body bgcolor="#f0f0f0">
    <h1>This webpage has colored background.</h1>
  </body>
</html>

注意：该属性在HTML5中已经被废弃，仅旧版本浏览器兼容，生产环境不要使用。

方法2：使用内联style属性（简单场景推荐） #

给<body>标签加style属性，设置background-color样式即可：

<html>
  <head>
    <title>Body bgcolor Attribute example</title>
  </head>
  <body style="background-color: lightblue;">
    <h1>This webpage has colored background.</h1>
  </body>
</html>

颜色值支持多种写法：

• 颜色名：比如red、lightgreen、gray
• 十六进制色值：比如#ff0000、#eee
• RGB/RGBA：比如rgb(255,255,0)、rgba(0,0,0,0.7)（最后一位参数为透明度）
• HSL/HSLA：比如hsl(120, 100%, 75%)

方法3：使用内部CSS样式表（多样式管理场景推荐） #

在<head>标签里加<style>标签统一编写样式，后续修改只需要调整样式代码即可，适合页面样式较多的场景：

<html>
  <head>
    <title>Body bgcolor Attribute example</title>
    <style>
      body {
        background-color: #2ecc71;
        /* 还可以在这里添加其他body相关样式，比如边距、字体等 */
        margin: 0;
        font-family: sans-serif;
      }
    </style>
  </head>
  <body>
    <h1>This webpage has colored background.</h1>
  </body>
</html>

内容的提问来源于stack exchange，提问作者Raul Saucedo