javascript - 有没有办法用颜色填充按钮背景的一半？

Question

有没有办法用颜色填充按钮背景的一半？

喜欢：

|BLUEBLUEBLUE REDREDREDRED|

Answer 1

是的，你可以在带有渐变背景的 CSS 中做到这一点。

background-image: linear-gradient(left , rgb(255,0,0) 50%, rgb(0,0,255) 51%);
background-image: -o-linear-gradient(left , rgb(255,0,0) 50%, rgb(0,0,255) 51%);
background-image: -moz-linear-gradient(left , rgb(255,0,0) 50%, rgb(0,0,255) 51%);
background-image: -webkit-linear-gradient(left , rgb(255,0,0) 50%, rgb(0,0,255) 51%);
background-image: -ms-linear-gradient(left , rgb(255,0,0) 50%, rgb(0,0,255) 51%);

background-image: -webkit-gradient(
    linear,
    left bottom,
    right bottom,
    color-stop(0.5, rgb(255,0,0)),
    color-stop(0.51, rgb(0,0,255))
);

使用此站点根据您的需要对其进行自定义：http: //gradients.glrzad.com/

这是一个小提琴：http: //jsfiddle.net/GNCRL/