CSS背景圖片垂直顯示的方法

在CSS中，我們可以使用background-position屬性來控制背景圖片的位置，為了讓背景圖片垂直顯示，我們可以將background-position屬性的值設(shè)置為top或者bottom。

如果我們想要將背景圖片顯示在元素的頂部，我們可以這樣寫CSS代碼：

div {
  background-image: url('path/to/image.jpg');
  background-position: top;
}

這樣，背景圖片就會(huì)顯示在元素的頂部，并且會(huì)垂直顯示，如果我們想要將背景圖片顯示在元素的底部，我們可以將background-position屬性的值設(shè)置為bottom：

div {
  background-image: url('path/to/image.jpg');
  background-position: bottom;
}

這樣，背景圖片就會(huì)顯示在元素的底部，并且會(huì)垂直顯示，我們還可以使用background-repeat屬性來控制背景圖片的重復(fù)方式，例如設(shè)置為no-repeat可以讓背景圖片不重復(fù)顯示。