HTML中background-repeat 重复背景图属性的的作用

body{
background-image: url(/i/eg_bg_03.gif);
background-repeat: repeat；
}

主要是用于，当所加载的背景图片的尺寸没有做够大的时候，即使用background-repeat：no-repeat；的时候在页面中显示的尺寸大小。
若要使用background： “图片路径”；时则会整个页面都是是路径图片，不会有重复的效果。

水平重复，background-repeat：no-repeat；

使用background-repeat属性，可以水平、垂直、整个页面，重复背景图。

水平重复，background-repeat：repeat-x；

垂直方向重复，background-repeat：repeat-y；

重复，background-repeat：repeat；

版权声明：本文来源CSDN，感谢博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。
原文链接：https://blog.csdn.net/enenenwenrou/article/details/76576142
站方申明：本站部分内容来自社区用户分享，若涉及侵权，请联系站方删除。

发表于 2020-03-01 22:33:20
阅读 ( 690 )
分类：前端

HTML中background-repeat 重复背景图属性的的作用

你可能感兴趣的文章

精选的优质文章

0 条评论

官方社群

GO教程

推荐文章

猜你喜欢

随便看看