css - 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/

Answer 2

在您想要两种颜色的 div 标签内，再创建两个 div。例如：

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