css两个背景色怎么实现

Question

通过css3实现了；
<style>
.t1{width:130px;height:32px;background-color:#ea3352;box-shadow:0 5px #c11e39;font-size:30px}
</style><div class="t1">笑傲江湖</div>
但是ie8用不了；

Answer 1

<div class=‘demo’ style='width:100px; height:50px;”></div>

.demo{
box-shadow: -2px 0 0 green, //左边阴影
0 -2px 0 blue, //顶部阴影
0 2px 0 red, //底部阴影
2px 0 0 yellow; //右边阴影

}

具体想要哪边 自己拿主意把，。代码都在这里了。还有测试的时候 注释去掉。，CSS里面的注释不是这样的，直接复制会报错

IE8不支持CSS3

你还可以试试 楼下的那位 使用border-bottom实现；
或者 你用两个DIV做；

Answer 2

使用CSS3中的渐变背景色就可以实现了

一个红色背景到黄色背景的例子

.class{background:linear-gradient(red, yellow);}

Answer 3

<div style="background-color: red;border-bottom: 3px solid blue;">aaaaaa</div>

div的宽度高度自己按需调节吧，下面那个深红的线我做成蓝色了（颜色找不到，偷懒了...）线宽在border-bottom那个"xx"px里自己设置吧 - -！本回答被提问者采纳

Answer 4

比如：
.div{background: -webkit-gradient(linear, left top, right top, from(red), to(green));}本回答被网友采纳

Answer 5

现在css3已经可以实现了，或者你用两个标签来实现，追问

请问代码实例是？