在css中，将span元素设置为块元素，便可以设置span的背景颜色和背景图片了。下面小编举例讲解在css中如何设置span的背景颜色和背景图片。
工具/原料
1
html+css
2
代码编辑器：zend studio 10.0
方法/步骤
1
新建一个html文件，命名为test.html，用于讲解在css中如何设置span的背景颜色和背景图片。
2
在test.html文件内，使用span标签创建一个模块，用于测试。
3
在test.html文件内，给span标签添加一个class属性，用于下面通过该class设置其样式。
4
在css标签内，通过class设置span的样式，设置其宽度为150px，高度为150px。
5
在css标签内，再将display属性设置为block，即把span元素设置为块元素，再合使用background属性设置span的背景图片为22.png，背景颜色为灰色。
6
在浏览器打开test.html文件，查看实现的效果。
总结：
1、使用span标签创建一个模块。2、在css标签内，设置span的样式，将display属性设置为block，即把span元素设置为块元素，再合使用background属性设置span的背景图片为22.png，背景颜色为灰色。