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>