共计 565 个字符，预计需要花费 2 分钟才能阅读完成。
我们在编辑网页时，如果觉得网页过于单调，这时便可以加上一张自己喜欢的背景图。这篇文章中，小编给大家介绍下 HTML 中如何设置背景图片，设置背景图片方法的详解。
方法一、HTML 中设置背景图片
以下面图片为例：
HTML 中的
标签内可直接设置背景图片。
具体代码如下：
这是网页标题
// 图片地址
浏览器打开效果展示：
直接用
设置背景图片的话，浏览器会根据你图片的大小，铺满整个屏幕。
可看到上面的背景图片并不能完全显示在网页上，还需要进行另外的 CSS 样式设置。
方法二：CSS 设置背景图片
CSS 设置背景图片的方式与 HTML 设置背景图片的方式大体一致，具体代码如下：
到目前为止，图片还是会重复铺满整个屏幕。
我们需要在进行添加 CSS 样式进行优化。
最终浏览器打开效果如下：
原文地址: HTML 如何设置背景图片？设置背景图片方法详解
正文完
