如何添加全屏背景图片并将其设置为最底层？

<style>
    body {
        background-image: url('bg.jpg');
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        position: relative;
        z-index: -1;
    }
</style>
<p>该代码将为网页添加一个全屏背景图片。</p>
<p><strong>代码详解：</strong></p>
<ul>
<li><code>background-image: url('bg.jpg');</code>： 设置背景图片路径，将 'bg.jpg' 替换为您的图片文件名。</li>
<li><code>background-size: cover;</code>： 设置背景图片大小，使其覆盖整个屏幕区域。</li>
<li><code>background-position: center center;</code>： 设置背景图片位置，使其居中显示。</li>
<li><code>background-repeat: no-repeat;</code>： 设置背景图片重复方式，防止图片重复显示。</li>
<li><code>position: relative;</code>： 设置元素为相对定位，以便在元素上设置 <code>z-index</code> 属性。</li>
<li><code>z-index: -1;</code>： 设置元素的堆叠顺序，使其位于所有其他元素的下方。</li>
</ul>
<p>通过以上代码，您可以轻松地将全屏背景图片设置为页面最底层。</p>
<p><strong>注意：</strong></p>
<ul>
<li>请确保您在网页中包含了该 CSS 代码。</li>
<li>将 'bg.jpg' 替换为您的背景图片文件名。</li>
<li>您可以根据需要调整 CSS 属性，例如 <code>background-size</code> 和 <code>background-position</code>。</li>
</ul>