css 背景采用本地图片 |table css模版

background-image: url('图片路径');

在 CSS 中，使用background-image属性来设置背景图片。在属性值中，使用url()函数来指定图片路径，如下所示：

body {
background-image: url('images/background.jpg');
}

这样就可以将名为background.jpg的图片设置为网页的背景。需要注意的是，图片路径应该是相对于 CSS 文件的路径。

如果图片路径错误，那么图片不会显示，就会出现下面的情况：

body {
background-image: url('wrong/path/background.jpg');
/* 不会显示图片 */
}

如果图片路径正确，但是图片文件不存在，也会出现同样的情况。

如果想让图片充满整个屏幕，可以增加以下代码：

body {
background-size: cover;
}

有时候，为了更好的显示效果，可能需要在图片上设置一些遮罩或者加入一些文字。这时候可以将图片作为一个 div 的背景，然后在 div 中添加其他元素，如下所示：

<div class="bg-image">
<p>这是图片遮罩上面的文字</p>
</div>
.bg-image {
background-image: url('images/background.jpg');
background-size: cover;
/* 其他样式 */
}

这样就可以在图片上添加文字或者是其他效果。在.bg-image中设置自己想要的样式即可。

以上就是通过本地图片作为 CSS 的背景的一些简单方法，希望对您有所帮助。