
本教程操作环境:windows7系统、css3版,DELL G3电脑。
通过css设置背景图片全屏的方法:
1、创建以下目录结构的测试页面
BackGround
-- BgImage.html
-- Images
-- bg.png

2、将测试图片显示在浏览器界面上,效果如下

3、通过CSS设置背景图片,默认效果如下,图片被自动重复以铺满窗口

4、通过CSS设置背景图片不重复,此时,图片将不能铺满窗口

5、通过CSS设置图片大小100%,效果如下,图片铺满窗口

6、通过CSS设置图片大小cover,效果如下,图片铺满窗口

以上就是如何通过css设置背景图片全屏的详细内容,更多请关注靠谱客其它相关文章!

最后
以上就是重要毛巾最近收集整理的关于如何通过css设置背景图片全屏的全部内容,更多相关如何通过css设置背景图片全屏内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复