如何通过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怎么设置字体位置

怎样操作meta标签中的viewport来控制设备屏幕的css属性

css隐藏元素的几种方法中可以触发点击事件的是?

如何隐藏css元素

css怎么样实现图片圆角

css sprite优缺点有哪些

css中怎么插入表格

css文字颜色渐变的三种实现方式(附代码)

css sprites是什么

css怎么让图片随屏幕变化大小

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




打赏

取消

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

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

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

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

评论

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