css如何控制背景图的大小

CSS样式表是一种可以控制网页外观的语言，其中之一的功能是控制背景图的大小。背景图可以让网页更加美观，但是如果大小不合适，会影响网页的整体效果。

通过使用CSS中的background-size属性，可以轻松控制背景图的大小。background-size属性有两种取值方式：

  background-size: 宽度 高度;
  background-size: cover/contain;

第一种方式是指定背景图的宽度和高度。例如，如果想将背景图的宽度限制在400像素，高度限制在300像素，可以这样写：

body {
  background-image: url(bg-image.jpg);
  background-size: 400px 300px;
}

第二种方式的取值有两种：cover和contain。cover会自动调整背景图的大小，使其充满整个容器，并且可能被剪切。contain则会自动调整背景图的大小，使其完全适应容器，并且不会被剪切。

body {
  background-image: url(bg-image.jpg);
  background-size: cover;
}

如上所述，通过控制CSS中的background-size属性，可以轻松地调整背景图的大小，使其适合网页的整体风格。同时还可以使用background-position属性来调整背景图在容器中的位置。