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