html background

作者：我愿等你贰年〃发布日期:2025-10-22 浏览:40

<!DOCTYPE html>
<html>
<head>
    <title>HTML Background Example</title>
    <style>
        /* 设置整个页面的背景颜色 */
        body {
            background-color: lightblue;
        }

        /* 设置一个特定元素的背景图片 */
        .background-image {
            width: 100%;
            height: 200px;
            background-image: url('https://example.com/image.jpg');
            background-size: cover;
            background-repeat: no-repeat;
        }
    </style>
</head>
<body>
    <h1>HTML Background 示例</h1>
    <div class="background-image"></div>
    <p>这是一个带有背景颜色和背景图片的简单 HTML 页面示例。</p>
</body>
</html>

解释说明：

body 标签内的样式设置了整个页面的背景颜色为浅蓝色 (lightblue)。
.background-image 类用于设置一个特定元素（例如 div）的背景图片。这里使用了 url() 函数来指定背景图片的 URL，并通过 background-size: cover 确保图片覆盖整个元素区域，而不会重复显示。

上一篇：html div 居中

下一篇：html属性