html中背景可以让整个页面更加优美,但是不是每一张图片都适合屏幕的分辨率,那么怎么用css使背景图片适应各种屏幕,什么情况下都是占满全屏?下面是详细步骤。
工具/原料
html编辑器sublimeText
方法/步骤
1
第一步,打开sublimeText编辑器,如下图
2
第二步,例子:编写一个html页面,并且放入一张背景, body{background: url(bg.jpg) no-repeat;}详细代码如下图
3
第三步,效果显示如下图,图片原来大小的背景,如下图
4
第四步,利用css属性background-size: cover;把整个背景填充,详细代码如下图
5
第五步,效果显示如下图,图片背景把屏幕占满,如下图
注意事项
希望对你有帮助
上一篇:PS如何加斜线满屏水印