<span style="background-color:#FF0000">背景颜色</span>
这个是用来设置背景颜色的，展现效果如下：
可以另外设置这个宽度大小，留一些空余的地方会更好看
<span>标签是不能设置背景图片的，这个是用来设置文字的样式的。可以在span标签之前添加一个<div></div>
代码和效果如下：
图片会覆盖颜色，但如果图片中存在透明色（GIF和PNG格式的图片支持透明，JPG则不支持），则背景颜色会透过图片的透明部分显示出来；或者如果背景图设置为不平铺（no-repeat）且图片比较小时，则未被图片覆盖的部分也会显示出背景颜色。如果想改变css背景图片，一般的做法只能使用css滤镜；
css滤镜主要包括：
Speia滤镜 灰度图滤镜 高斯模糊滤镜 反色滤镜 饱和度滤镜
对比度滤镜 亮度滤镜 色相旋转滤镜 阴影滤镜
css滤镜在浏览器兼容是比较坑爹的问题，ie浏览器有自己一套滤镜filter家族，基本所有ie内核浏览器都支持，ff和Chrome，opera则主要使用css3的滤镜，这些浏览器在后期版本支持css3的滤镜（目前版本基本都支持html5和css3），通过滤镜改变背景图的颜色和效果，当然这些滤镜主要是为了效果而产生，颜色只是固定的几种效果；了解更多可以参考：http://www.cnblogs.com/fsjohnhuang/p/4127888.html
个别时候，css滤镜还需要结合js使用，才能到达必要效果，其实一般背景图片都是用透明度的css来设置它的颜色度；
透明度css列子：
transparent_class {
filter:alpha(opacity=50)
-moz-opacity:0.5
-khtml-opacity: 0.5
opacity: 0.5
}
