CSS如何讓一張圖片充滿整個屏幕

在CSS中，您可以使用背景圖片并將其設(shè)置為充滿整個屏幕，以下是一些示例代碼：

1、使用背景圖片并設(shè)置其充滿屏幕：

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

在這個示例中，background-image屬性用于指定背景圖片，background-size屬性設(shè)置為cover，這將使圖片充滿整個屏幕，無論其原始大小如何。background-position屬性設(shè)置為center，這將使圖片在屏幕中央對齊。

2、使用偽元素將圖片設(shè)置為屏幕背景：

body {
  position: relative;
}
body::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url('image.jpg');
  background-size: cover;
  background-position: center;
}

在這個示例中，我們使用了偽元素::before來創(chuàng)建一個***定位的層，并將其背景圖片設(shè)置為image.jpg，同樣地，我們將background-size設(shè)置為cover，使圖片充滿整個屏幕。

無論您選擇哪種方法，都可以確保一張圖片充滿整個屏幕，您可以根據(jù)自己的需求和喜好選擇***適合的方法。