html 背景颜色

作者：冫LOVE灬丶棒棒发布日期:2025-05-08 浏览:162

<!DOCTYPE html>
<html>
<head>
    <title>HTML 背景颜色示例</title>
    <style>
        /* 使用 CSS 设置 body 的背景颜色为浅蓝色 */
        body {
            background-color: lightblue;
        }

        /* 也可以为特定的 HTML 元素设置背景颜色 */
        .example {
            background-color: lightgreen;
            padding: 20px;
            margin: 10px;
        }
    </style>
</head>
<body>
    <h1>这是一个带有背景颜色的页面</h1>
    <div class="example">
        <p>这个段落有特殊的背景颜色。</p>
    </div>
</body>
</html>

解释说明：

<style> 标签：在 <head> 部分定义了 CSS 样式。
background-color 属性：用于设置元素的背景颜色。在这里，body 的背景颜色被设置为 lightblue，而类名为 example 的 div 元素的背景颜色被设置为 lightgreen。
<div> 元素：用于创建一个块级容器，可以包含其他 HTML 元素，并且可以通过 CSS 进行样式设置。

上一篇：html cursor

下一篇：html footer