CSS設(shè)置一半背景色，可以通過(guò)使用線性漸變來(lái)實(shí)現(xiàn)，具體步驟如下：

1、創(chuàng)建一個(gè)線性漸變背景色，在CSS中，可以使用linear-gradient函數(shù)來(lái)創(chuàng)建線性漸變背景色，以下代碼將創(chuàng)建一個(gè)從紅色到藍(lán)色的線性漸變背景色：

background: linear-gradient(to right, red, blue);

2、設(shè)置漸變背景色的位置，默認(rèn)情況下，漸變背景色會(huì)填充整個(gè)元素，可以通過(guò)設(shè)置background-position屬性來(lái)控制漸變背景色的位置，以下代碼將把漸變背景色設(shè)置在元素的左側(cè)：

background-position: left;

3、設(shè)置背景色為半透明，為了讓另一半背景色可見(jiàn)，需要將背景色設(shè)置為半透明，在CSS中，可以使用rgba函數(shù)來(lái)設(shè)置背景色的透明度，以下代碼將把背景色設(shè)置為半透明紅色：

background: linear-gradient(to right, rgba(255, 0, 0, 0.5), blue);

4、應(yīng)用樣式到HTML元素，需要將樣式應(yīng)用到HTML元素上，以下代碼將把樣式應(yīng)用到<div>元素上：

<div style="background: linear-gradient(to right, rgba(255, 0, 0, 0.5), blue); background-position: left;">
  <!-- 內(nèi)容 -->
</div>

通過(guò)以上步驟，就可以實(shí)現(xiàn)CSS設(shè)置一半背景色的效果。