HTML 和 CSS 是 Web 开发的核心技术，其中 CSS 经常被用来美化页面的外观。CSS 中有一个很常用的属性，就是背景。除了能够设定背景颜色以外，还可以在背景上面加入一张图片。下面就来介绍一下如何实现这个效果。
首先，在 HTML 的 body 标签中加入一段 CSS 样式：
<style>
body {
background-image: url("图片的路径");
background-repeat: no-repeat;
background-size: cover;
}
</style> 在上面的代码中，background-image 属性用来设定背景图片的路径，background-repeat 属性用来设定图片是否重复，这里设置为 no-repeat 表示不重复，background-size 属性用来设定图片的大小。cover 表示让图片铺满整个背景。
还有一个更常见的做法是为 div 元素加入一个背景，代码如下：
<style>
div {
background-image: url("图片的路径");
background-repeat: no-repeat;
background-size: cover;
width: 500px;
height: 500px;
}
</style>
<div></div> 在上面的代码中，我们给 div 元素加入了背景图片。因为 div 元素默认是无背景的，所以我们需要先为其设定宽度和高度，以让其显示出来。这里的宽度和高度可以根据实际情况来设定，当然也可以用百分比来设定。
总结一下，使用 CSS 加入背景图片很简单，只需使用 background-image 属性设定图片路径，再配合其他属性设置图片是否重复以及大小，就可以实现一个漂亮的背景了。
