css3给html加背景图片

CSS3是前端开发中不可或缺的一部分，它可以为HTML文档添加美丽的图像和动态效果。其中，使用CSS3为HTML文档添加背景图片是一个非常常见的技术。通过下面这个例子，我们可以学习如何使用CSS3为HTML文档添加背景图片。

html {
  background-image: url("bg.jpg");
  background-size: cover;
  background-position: center;
}

首先，我们需要使用background-image属性来指定HTML文档的背景图片。在上面的代码中，我们将图片命名为“bg.jpg”，并使用“url()”方法指定了该图片的路径。接下来，我们使用background-size属性，以“cover”作为参数来指定图片的大小自适应，并保持其纵横比例。

最后，我们使用background-position属性来指定图片的位置，以“center”作为参数使图片居中。这里我们也可以使用像素值或百分比值来指定其位置。

通过以上代码，我们就可以为HTML文档添加一张美丽的背景图片。同时，我们还可以使用其他的CSS3属性，如opacity属性来为背景图片添加透明度，或者使用animation属性为图片添加动态效果。