CSS添加背景圖后如何顯示背景

在CSS中，添加背景圖是一個(gè)常見的操作，可以通過以下方式實(shí)現(xiàn)：

1、使用background-image屬性：

body {
  background-image: url('path/to/your/image.jpg');
}

2、使用background屬性，可以同時(shí)設(shè)置多個(gè)背景屬性：

body {
  background: url('path/to/your/image.jpg') no-repeat center center;
}

3、使用CSS偽元素（如::before或::after）添加背景：

body::before {
  content: "";
  background: url('path/to/your/image.jpg') no-repeat center center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

無論使用哪種方法，添加背景圖后，背景圖都將顯示在元素內(nèi)容的后面，如果元素有內(nèi)容，那么背景圖將顯示在內(nèi)容的下方，如果元素沒有內(nèi)容，那么背景圖將顯示在元素的中央，可以通過設(shè)置background-position屬性來調(diào)整背景圖的位置。background-position: center center;將使背景圖顯示在元素的中央。