在 Web 設計中，我們可能會遇到這樣一種情況，需要將背景圖片設置為全屏幕，但是底部可能需要截掉一部分。這時候，我們可以使用 CSS 來實現這個效果。

html, body {
height: 100%;
margin: 0;
padding: 0;
}
body {
background-image: url("bg.jpg");
background-position: center bottom;
background-repeat: no-repeat;
background-size: cover;
}

首先，我們需要將 html 和 body 的高度都設為 100%，并將 margin 和 padding 都設為 0，這樣可以讓我們的背景圖片充滿整個屏幕。

然后，我們設置了 body 的背景圖片為我們需要顯示的圖片，background-position 屬性將圖片位置設為了居中底部，background-repeat 屬性設置為了不重復，這樣就不會出現背景圖片的平鋪效果。最后，我們將背景圖片的大小設置為 cover，這樣可以保證背景圖片始終占滿整個屏幕。

但是，由于我們設置了背景圖片的位置為底部，因此可能會出現底部被截掉的情況。這時候，我們可以將 body 的 padding-bottom 設為需要截掉的高度，這樣就可以讓背景圖片顯示在頁面的中間位置。

body {
background-image: url("bg.jpg");
background-position: center bottom;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 200px;
}

這樣，我們就可以使用 CSS 來實現將背景圖片設置為全屏幕，并在底部截掉一定高度的效果了。