如何通过css设置背景图片全屏


本文摘自PHP中文网,作者coldplay.xixi,侵删。

通过css设置背景图片全屏的方法:1、通过CSS的【background-size=100%】属性设置全屏;2、通过【background-repeat】设置图片是否重复。

本教程操作环境:windows7系统、css3版,DELL G3电脑。

通过css设置背景图片全屏的方法:

1、创建以下目录结构的测试页面

BackGround

-- BgImage.html

-- Images

-- bg.png

c3012d4f7e9a723e82db965ee4d3c89.png

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

d357b8b9edb847ac831ee6397b2ed53.png

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

66fa672e35eabbe1d2ecff24de29a72.png

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

阅读剩余部分

相关阅读 >>

使用<nav>链接滚动到页面相应部分

css怎么隐藏input

css图片可以旋转吗

css border-bottom-left-radius属性怎么用

css段落间距怎么设置

html中弹性布局(flex)的介绍(附代码)

为什么要用div+css布局

css resize属性怎么用

css如何设置字间距

浅谈css实现毛玻璃效果的方法

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...