css背景两种颜色各一半 |css点击图片变色

background-color: #ffffff;

其中，#ffffff代表的是白色，也可以使用其他的颜色值。

如果大家想要为元素设置两种不同的颜色，可以将背景颜色分为左右两半，分别进行设置。如下代码：

background: linear-gradient(to right, #ffffff 50%, #000000 50%);

以上代码意思是，从左向右设置渐变背景色，左侧50%的颜色为白色，右侧50%的颜色为黑色。大家可以将50%改为其他的百分比，来控制两种颜色的比例。

另外，大家也可以将渐变方向改为上下、左上到右下等方向，以实现更多的背景效果。示例代码如下：

background: linear-gradient(to bottom, #ffffff 50%, #000000 50%);
background: linear-gradient(to top, #ffffff 50%, #000000 50%);
background: linear-gradient(to right top, #ffffff 50%, #000000 50%);

以上代码分别实现了从上到下、从下到上、从左上到右下渐变的背景效果。