CSS3多色填充div

Question

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

Answer 1

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

是这样的：

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

我在评论（Can I apply multiple background colors with CSS3?）更新了答案从复制的答案：

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

Answer 2

在要在两种颜色的div标签，创建两个以上的div。例如：

<div> 
<div style="background:black"></div> 
<div style="background:orange"></div> 
</div>