html如何添加背景色

admin
行业动态
2024-03-30
2756

在HTML中，可以通过CSS（层叠样式表）来添加背景色，以下是一个简单的例子：

<!DOCTYPE html>
<html>
<head>
<style>
body {
    backgroundcolor: lightblue; /* 设置背景色为浅蓝色 */
}
</style>
</head>
<body>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
</body>
</html>

在这个例子中，我们在<style>标签中设置了body的背景色为浅蓝色，你可以将lightblue替换为你想要的任何颜色。

如果你想要使用小标题和单元表格，你可以这样做：

<!DOCTYPE html>
<html>
<head>
<style>
body {
    backgroundcolor: lightblue; /* 设置背景色为浅蓝色 */
}
table, th, td {
    border: 1px solid black; /* 设置表格边框 */
}
</style>
</head>
<body>
<h1>这是一个标题</h1>
<table>
  <tr>
    <th>Firstname</th>
    <th>Lastname</th> 
  </tr>
  <tr>
    <td>John</td>
    <td>Doe</td> 
  </tr>
</table>
</body>
</html>

在这个例子中，我们设置了表格、表头和表格数据的背景色为浅蓝色，并给表格添加了黑色边框。