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。 e.g：

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