css background为什么不显示

css background不显示的原因：1、css没有被调用；2、background属性名书写出错或背景图片路径出错；3、背景元素没有内容填充，也没设置width和height；4、元素不具备块属性；5、被同名css类的样式所覆盖。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

css background不显示的原因

1、css没有被调用；请检查css调用是否成功，

2、css background属性名书写出错或背景图片路径出错

css设置背景用的background，书写方式是backgroud:url('图片路径');，你看一下你的css写对了没有，图片不显示，还可能是因为图片路径出错，如果你不清楚图片放在哪个文件夹应该怎么写，可以html文件跟图片放在一起，直接写backgroud:url(‘1.jpg’);

3、背景元素没有宽度和高度。当元素没有内容，也没有设置width和height时，背景是显示不出来的。背景不会撑开元素。

4、元素不具备块属性。当元素不具有块属性的时候设置的高宽是无效的。所以也不会显示图片。

5、被同名css类的样式所覆盖。假设前面有命名.bg设置了background显示图片，后面又命名了.bg又设置了background显示颜色。

（学习视频分享：css视频教程）

以上就是css background为什么不显示的详细内容，更多请关注美工之家9502669.com其它相关文章！