如何通过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怎么去掉border的底部

css怎样把一张图片分割开

html水平线hr颜色怎么写

css为什么加了top移动不了

使用css怎么实现毛玻璃效果?

p的css初始属性是什么

css浮动怎么做

css top不起作用怎么办

css怎么实现不透明度渐变

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




打赏

取消

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

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

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

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

评论

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