background-image: linear-gradient(to right, red 50%, white 50%);
让大家解释一下上面的代码。首先，属性名称是background-image，这告诉CSS大家将使用一个图像作为背景。但是在这种情况下，大家使用颜色作为图像，而不是一个真正的图像文件。接下来大家看到一个线性渐变，它根据其参数向右创建一个渐变（to right）。其中50%表示从哪里开始改变颜色，red代表红色，也就是背景的左半部分，白色则表示右半部分的颜色，于是就完成了一个背景颜色一半的效果。
除了使用线性渐变，大家还可以使用径向渐变，它可以从一个中心点向外扩展，创建更复杂的效果。
background-image: radial-gradient(red 50%, white 50%);
上面的代码就是一个径向渐变的例子，中心点为50%，也就是屏幕的中心。同样的，大家还是将颜色分为红和白。
总之，在设计网页时，使用CSS3的背景颜色一半功能是一种非常有用且时髦的方式，可以产生一些独特的外观。如果您正在建立一个新网页，为什么不尝试一下这种独特的设计元素呢？