最近我在使用CSS的時(shí)候遇到一個(gè)奇怪的問題，背景色只顯示了一半，看起來非常不美觀。在經(jīng)過一系列的嘗試和研究之后，我最終找到了解決方法，現(xiàn)在分享給大家。

代碼示例：
body {
background-color: #5B9BD5;
background-image: linear-gradient(to right, #5B9BD5 50%, #FFFFFF 50%);
}

上面的代碼是解決的核心部分，思路是為body元素設(shè)置兩個(gè)背景色，一個(gè)是整個(gè)背景的顏色，另一個(gè)是只顯示一半的顏色。具體實(shí)現(xiàn)方式是通過 CSS中的線性漸變效果（linear-gradient）來實(shí)現(xiàn)的。

首先，我們設(shè)置整個(gè)背景色為#5B9BD5，然后通過 linear-gradient設(shè)置實(shí)現(xiàn)一個(gè)從左到右漸變的背景圖像。其中，to right 表示漸變方向是從左到右，50%表示這個(gè)漸變的位置，#5B9BD5表示漸變的起始顏色，#FFFFFF表示漸變的結(jié)束顏色。

通過這種方法，我們就可以讓背景色只顯示一半，而且不需要對HTML結(jié)構(gòu)進(jìn)行任何改變，非常方便。

總結(jié)一下，當(dāng)遇到CSS背景色只顯示一半的情況時(shí)，可以采用linear-gradient實(shí)現(xiàn)漸變效果的方法，這樣既美觀又簡單。