在调试中发现css样式被划了横线表示该css样式被层叠不会被解释执行，相当于没写！
创新互联公司是专业的遵义网站建设公司，遵义接单;提供成都做网站、成都网站建设,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行遵义网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!
当同一个HTML元素被不止一个样式定义时，一般而言，所有的样式会根据下面的规则层叠于一个新的虚拟样式表中，其中数字 4 拥有最高的优先权。
1.浏览器缺省设置
2.外部样式表
3.内部样式表（位于 head 标签内部）
4.内联样式（在 HTML 元素内部）
因此，内联样式（在 HTML 元素内部）拥有最高的优先权，这意味着它将优先于以下的样式声明：head 标签中的样式声明，外部样式表中的样式声明，或者浏览器中的样式声明（缺省值）。
css中使用textdecoration属性就可以直接设置划线效果。
对字体样式文本加下横线款式，有二种方式，一直立即应用html下横线标识，此外一种是应用CSS下横线款式。这个属性允许对文本设置某种效果，如加下划线。
。如果后代元素没有自己的装饰，祖先元素上设置的装饰会延伸到后代元素中。不要求用户代理支持blink。
这样的就上面的优先级比下面的高，取上面的值。。
但是你那个widow:100%是写错的没有这样的属性应该是width吧，写错也出横线的 提示无效的属性
1、做一个合适的横条图片，放到空间下，如下图
2、新建CSS样式，取好样式名。
3、在CSS规则定义下，在“Background-color”后选择刚才的图片。
4、在Background-repeat下选择“repeat”，这是说明让背景图重复平铺。
5、定义好DIV方框的宽和高。
6，看效果，符代码“background-image: url(11.fw.png); background-repeat: repeat;”