使用css过滤背景颜色的类型

Question

我希望用两种颜色设置背景颜色。在左侧和右侧的标签中以白色和中心主色

Answer 1

在css2中你应该使用不同的元素进行着色（为什么不使用div？）。所以解决方案将来自HTML而不是来自CSS。如果你只想使用css，那么你应该看看css3渐变，虽然css3不是跨浏览器友好的解决方案。

Answer 2

你可以使用渐变。这里有一个css例子：

background-image: -webkit-gradient(
    linear,
    left bottom,
    right bottom,
    color-stop(0.2, rgb(255,255,255)),
    color-stop(0.5, rgb(36,171,74)),
    color-stop(0.8, rgb(255,255,255))
);
background-image: -moz-linear-gradient(
    left center,
    rgb(255,255,255) 20%,
    rgb(36,171,74) 50%,
    rgb(255,255,255) 80%
);

演示： http://jsbin.com/uwefe4

这适用于Gecko和webkit浏览器引擎。

要支持Internet Explorer，您可以使用css3pie等脚本。