如何通过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设置背景图片不重复,此时,图片将不能铺满窗口

阅读剩余部分

相关阅读 >>

css实现图片左右翻转效果(附代码)

css怎么使用外部艺术字

css设置table圆角边框不起作用是什么原因

javascript和css的区别是什么

css外联样式不起作用怎么办

为什么要初始化css代码

css如何设置背景图片灰度

css边框线怎么清除

css中如何清除float

css怎么设置不显示文字

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




打赏

取消

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

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

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

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

评论

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