CSS背景顏色只顯示下半部分是一種很有趣的效果。通過CSS代碼，我們可以設置一個元素的背景顏色，但只顯示在元素的下半部分，這樣可以為網頁增添一些別致的視覺效果。下面，我們來看看如何實現這種效果。

.background {
height: 200px;
background: linear-gradient(to top, #666666 50%, transparent 50%);
}

上面的代碼使用了線性漸變（linear-gradient）來實現背景顏色只顯示下半部分的效果。其中，to top表示從下往上漸變，#666666是我們設置的背景色，transparent表示透明。注意，50%這個值表示了背景色的顯示位置，我們將其設置為50%，使得背景色只顯示在了元素的下半部分。

同時，在設置背景色的同時，我們還需要設置元素的高度，以便將背景色顯示出來。在上面的代碼中，我們將元素的高度設置為200px，你可以根據需要進行調整。

如果你需要實現背景顏色只顯示在上半部分的效果，只需要將代碼中的to top改為to bottom即可。

總之，通過一些簡單的CSS代碼，我們就可以實現背景顏色只顯示下半部分的效果，為網頁增添一些別致的視覺效果。試試看吧！