CSS背景图片满屏,不重复

CSS背景图片满屏,不重复很多初学网页的同学都会遇到添加背景图片,但是大小不好把控的情况。有两种方法:1、查看浏览器的像素,调整背景图片的像素一致。这样会在表面上看起来背景图片占满屏,但是一旦缩放屏幕就会发现图片在重复铺满。然后发现真的太丑了,如果是条纹类的图片,效果应该影响不大。(不推荐) 2、第二种方法就是在css样式中加        body{             background-size:100%…

大家好,欢迎来到IT知识分享网。

很多初学网页的同学都会遇到添加背景图片,但是大小不好把控的情况。有两种方法:
1、查看浏览器的像素,调整背景图片的像素一致。这样会在表面上看起来背景图片占满屏,但是一旦缩放屏幕就会发现图片在重复铺满。然后发现真的太丑了,如果是条纹类的图片,效果应该影响不大。(不推荐)


CSS背景图片满屏,不重复


CSS背景图片满屏,不重复

  2、第二种方法就是在css样式中加

        body{

              background-size:100% 100%;

        }

这样设置图片就不会随屏幕缩放而改变了。(推荐)

CSS背景图片满屏,不重复
CSS背景图片满屏,不重复


免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/16107.html

(0)
上一篇 2024-02-09 14:45
下一篇 2024-02-17 14:26

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

关注微信