CSS3多色填充div

Question

如何使用css3填充多种颜色的div.就像下面的图像一样.

Answer 1

你可以使用css渐变来做到这一点.

这样的事情:

background: -webkit-linear-gradient(left, orange, orange 20%, black 20%, black);

我从评论中的重复答案更新了答案(我可以使用CSS3应用多种背景颜色吗？):

http://jsfiddle.net/UES6U/252/