CSS中可以使用position和clip屬性來實現(xiàn)只顯示左半部分顏色的效果，具體步驟如下：

1、創(chuàng)建一個包含顏色的元素，并將其定位到左側(cè)，可以使用position:absolute;屬性將元素固定在左側(cè)，并使用left:0;屬性使其緊貼著左側(cè)。

2、將元素的寬度設(shè)置為50%，這樣元素的右半部分就不會顯示出來。

3、使用clip屬性將元素的右半部分裁剪掉。clip屬性可以指定一個矩形區(qū)域，只有在這個區(qū)域內(nèi)的內(nèi)容才會顯示出來，可以將clip屬性的right屬性設(shè)置為0，這樣元素的右半部分就會被裁剪掉，只顯示左半部分顏色。

下面是一個示例代碼：

.color-half {
  position: absolute;
  left: 0;
  width: 50%;
  clip: rect(0, 50%, auto, 0);
  background-color: #ff0000; /* 紅色背景 */
}

在上面的代碼中，.color-half類定義了一個***定位的元素，并將其寬度設(shè)置為50%。clip屬性將元素的右半部分裁剪掉，只顯示左半部分顏色。background-color屬性設(shè)置了元素的背景顏色為紅色。

你可以將上面的代碼復制到你的CSS文件中，并應(yīng)用到需要顯示左半部分顏色的元素上。