CSS不可以同时定义两个背景，不过你可以嵌套一下，比如：在div里面嵌套一个span，然后可以分别设置背景，以达到自己想要的效果。做渐变的背景，要突破浏览器的限制，建议用图片做，先在PS 里面根据需要（纵向或横向）制作一张渐变的图片，然后，裁切成1px高或宽的条。然后在设置背景的时候， 横向（repeat...
css 怎么给div的上部分背景颜色设置为深红色，下部分设置为深红色
CSS不可以同时定义两个背景，不过你可以嵌套一下，比如：在div里面嵌套一个span，然后可以分别设置背景，以达到自己想要的效果。
做渐变的背景，要突破浏览器的限制，建议用图片做，先在PS 里面根据需要（纵向或横向）制作一张渐变的图片，然后，裁切成1px高或宽的条。
然后在设置背景的时候， 横向（repeat-x）或纵向平铺（repeat-y）就可以了。
如果是纵向渐变，就做竖条，横向平铺。横向渐变，就是做横条，纵向平铺就可以了。 就这么简单。2014-10-08
<style type="text/css">
.top{ background:#F00;}
.foot{background:#800000;}
</style>
<body>
<div class="top"></top>
<div class="foot"></foot>
</body>
注释：
上部分设为top
下部分设为foot
然后分别给个背景颜色2015-12-03
css可以设置渐变背景色
#grad {
background: -webkit-linear-gradient(red, blue); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(red, blue); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(red, blue); /* Firefox 3.6 - 15 */
background: linear-gradient(red, blue); /* 标准的语法 */
}
尝试一下 »2015-09-24
.part-1 {
background: linear-gradient(#ff0000, #ff0000) no-repeat, #fff;
background: -webkit-linear-gradient(#ff0000, #ff0000) no-repeat, #fff;
background: -o-linear-gradient(#ff0000, #ff0000) no-repeat, #fff;
background: -moz-linear-gradient(#ff0000, #ff0000) no-repeat, #fff;
background-size: 100% 300px;
}
#ff0000是上边的颜色，高度为300px，
#fff是下边的颜色
如果想要左右分布，可以background-size: 30% 100%;
#ff0000是左边的颜色，宽度为30%2020-06-24
用2个DIV或者是用图片2015-10-08
