css让图片平铺css图片平铺整个页面不拉伸

2024-03-02 06:40:18 浏览

2、设置一下HTML的框架,然后把图片设置在同一个文件夹里面。

css让图片平铺css图片平铺整个页面不拉伸

3、加入,这样可以有样式设置。4、因为背景设置在主体,所以还要定义为body{}。

5、background-image:url(图片),这个是添加图片意思

6、然后我们需要加入background-repeat:repeat-x;这个时候就会横向平铺。

7、background-repeat:no-repeat;这样就可以不重复平铺。

8、background-repeat:repeat-y;这个指令是纵向平铺。

9、background-repeat:repeat;这样则是全屏平铺。

背景图片不重复不平铺,可以这样设定背景:

1、 这样背景图片就会固定住,不会因页面滚动而重复。

2、使图在任何大小的屏幕都不会显示重复,可以这样设定背景(图像不平铺): 两者结合,就是:

本文版权声明本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,请联系本站客服,一经查实,本站将立刻删除。