html设置背景图片

作者：伪言发布日期:2025-09-24 浏览:64

<!DOCTYPE html>
<html>
<head>
    <title>设置背景图片示例</title>
    <style>
        /* 使用 CSS 设置 body 的背景图片 */
        body {
            background-image: url('https://example.com/image.jpg'); /* 设置背景图片的 URL */
            background-size: cover; /* 使背景图片覆盖整个页面 */
            background-repeat: no-repeat; /* 防止背景图片重复 */
            background-position: center; /* 将背景图片居中显示 */
        }
    </style>
</head>
<body>
    <h1>这是一个带有背景图片的网页</h1>
    <p>你可以通过修改 CSS 中的 URL 来更改背景图片。</p>
</body>
</html>

这段代码展示了如何使用 HTML 和 CSS 设置网页的背景图片。通过在 <style> 标签内定义 body 的样式，可以指定背景图片的 URL、大小、重复方式和位置。

上一篇：html样式

下一篇：html文本居中