c语言编程笔录

您现在的位置是:首页 > 编程 > 编程经验

编程经验

html怎么设置背景颜色 两种方法教会你

张姿妤 2023-07-13编程经验
body{background-color:linen;}pre{background-color:#f4f4f4;border:1pxsolid#ddd;font-size:14px;margin-bottom:20px;over

HTML 设置背景颜色

设置背景颜色可以通过以下两种方法:

方法 1:在 <body> 标签中设置背景颜色

    <!DOCTYPE html>
    <html>

    <head>
      <title>背景颜色</title>
    </head>

    <body style="background-color:lightblue;">

      <h1>这是一段有背景颜色的文本。</h1>

    </body>

    </html>
  

<body> 标签中使用 style 属性,设置背景颜色。

方法 2:使用 CSS 设计样式表

    <!DOCTYPE html>
    <html>

    <head>
      <style>
        body {
          background-color: lightblue;
        }
      </style>

      <title>背景颜色</title>
    </head>

    <body>

      <h1>这是一段有背景颜色的文本。</h1>

    </body>

    </html>
  

此方法需要在页面头部定义 CSS 样式表,并在 <body> 标签中设置样式。

总结

在 HTML 中,设置背景颜色可以通过在 <body> 标签中设置背景颜色,或使用 CSS 样式表。

文章评论