Есть ли способ заполнить половину фона кнопок цветом?

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/