css背景怎么占满屏幕

2025-04-05 13:44:30

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

css背景怎么占满屏幕

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

css背景怎么占满屏幕

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

css背景怎么占满屏幕

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

css背景怎么占满屏幕

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

css背景怎么占满屏幕
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢