1、做一个合适的横条图片，放到空间下，如下图
2、新建CSS样式，取好样式名。
3、在CSS规则定义下，在“Background-color”后选择刚才的图片。
4、在Background-repeat下选择“repeat”，这是说明让背景图重复平铺。
5、定义好DIV方框的宽和高。
6，看效果，符代码“background-image: url(11.fw.png)background-repeat: repeat”
在调试中发现css样式被划了横线表示该css样式被层叠不会被解释执行，相当于没写！当同一个HTML元素被不止一个样式定义时，一般而言，所有的样式会根据下面的规则层叠于一个新的虚拟样式表中，其中数字 4 拥有最高的优先权。
1.浏览器缺省设置
2.外部样式表
3.内部样式表（位于 <head>标签内部）
4.内联样式（在 HTML 元素内部）
因此，内联样式（在 HTML 元素内部）拥有最高的优先权，这意味着它将优先于以下的样式声明：<head>标签中的样式声明，外部样式表中的样式声明，或者浏览器中的样式声明（缺省值）。
