在CSS中，讓背景圖全屏顯示是一個(gè)常見的需求，要實(shí)現(xiàn)這一點(diǎn)，可以使用CSS的background-size屬性來控制背景圖的大小，以下是一些示例代碼，展示如何使背景圖全屏顯示：

示例1: 使用background-size: cover;

body {
  background-image: url('your-image-url-here');
  background-size: cover;
}

示例2: 使用background-size: 100% 100%;

body {
  background-image: url('your-image-url-here');
  background-size: 100% 100%;
}

示例3: 使用background-size: auto;（自動縮放）

body {
  background-image: url('your-image-url-here');
  background-size: auto;
}

示例4: 使用background-size: contain;（保持原圖比例）

body {
  background-image: url('your-image-url-here');
  background-size: contain;
}

示例5: 使用background-size: 1280px 720px;（指定寬度和高度）

body {
  background-image: url('your-image-url-here');
  background-size: 1280px 720px;
}

示例6: 使用background-size: 50vw 50vh;（視口寬度和高度的50%）

body {
  background-image: url('your-image-url-here');
  background-size: 50vw 50vh;
}

示例7: 使用background-size: calc(100% - 20px) calc(100% - 20px);（自動縮放并減去邊緣）

body {
  background-image: url('your-image-url-here');
  background-size: calc(100% - 20px) calc(100% - 20px);
}

選擇適合的方法

選擇哪種方法取決于你的具體需求和背景圖的大小。cover和100% 100%是***簡單直接的方法，可以使背景圖全屏顯示，如果你需要更精細(xì)的控制，可以使用其他方法。