css背景怎么占满屏幕

时间:2024-10-12 22:17:48

1、第一步,打开sublimeText编辑器,如下图

css背景怎么占满屏幕

2、第二步,例子:编写一个html页面,并且放入一张背景, body{background: url(bg.jpg) no-repeat;}详细代码如下图

css背景怎么占满屏幕

3、第三步,效果显示如下图,图片原来大小的背景,如下图

css背景怎么占满屏幕

4、第四步,利用css属性background-size: cover;把整个背景填充,详细代码如下图

css背景怎么占满屏幕

5、第五步,效果显示如下图,图片背景把屏幕占满,如下图

css背景怎么占满屏幕
© 手抄报圈