圖片整個怎么用css

在CSS中，我們可以使用object-fit屬性來設置圖片在容器中的填充方式。object-fit屬性有以下幾個值：

fill：默認值，圖片會被拉伸以填充整個容器，可能會變形。

contain：圖片會被縮放以保持在容器內(nèi)，不會變形，但可能會有空白區(qū)域。

cover：圖片會被縮放以覆蓋整個容器，可能會有部分圖片被裁切。

none：圖片不會被縮放或拉伸，保持原始大小。

如果我們有一張圖片，想要將其設置為容器內(nèi)的背景，并希望圖片能夠填充整個容器，我們可以使用以下CSS代碼：

.container {
  background-image: url('image.jpg');
  background-size: cover;
}

這樣，圖片就會被設置為容器內(nèi)的背景，并縮放以覆蓋整個容器。

我們還可以使用background-position屬性來設置圖片在容器中的位置，我們可以將其設置為center，使圖片在容器中居中顯示：

.container {
  background-image: url('image.jpg');
  background-size: cover;
  background-position: center;
}

這樣，圖片就會被設置為容器內(nèi)的背景，并縮放以覆蓋整個容器，且在容器中居中顯示。