在網頁設計中，我們經常需要將一半的背景顏色顯示出來，這可以通過CSS實現。下面是具體的實現方法：

body{
background-color: #f0f0f0; /*設定背景色為灰色*/
}
.container{
width: 50%;  /*設定容器寬度為50%*/
height: 100%;  /*設定容器高度為100%*/
background-color: #ffffff; /*設定容器背景色為白色*/
position: absolute; /*絕對定位*/
top: 0;  /*離頂部為0*/
left: 50%; /*離左側為50%*/
transform: translate(-50%,0); /*左移50%*/
}

以上代碼中，首先將body的背景色設為灰色。接下來，使用一個容器來實現顯示一半的背景色。設定容器的寬度為50%，高度為100%（占據整個屏幕）。將容器背景色設為白色，然后絕對定位，并設定距頂部為0，距左側為50%。最后使用transform來將容器左移50%。

通過以上代碼，就可以實現顯示一半背景色的效果。