css背景图片的平铺方式怎么设置?用background-repeat属性,用英文小写符号:连接background-repeat属性的值即可,写法如下:
background-repeat:值;
background-repeat属性设置是否及如何重复背景图像,默认情况下,背景图像在水平和垂直方向上会自动重复。
当你需要调整背景图片的平铺方式时,只需要修改这个【值】即可,background-repeat属性的值具体如下:
值 | 描述 |
---|---|
repeat | 默认。背景图像将在垂直方向和水平方向重复。 |
repeat-x | 背景图像将在水平方向重复。 |
repeat-y | 背景图像将在垂直方向重复。 |
no-repeat | 背景图像将仅显示一次。 |
inherit | 规定应该从父元素继承 background-repeat 属性的设置。 |
background-repeat: repeat
repeat翻译成中文就是”重复“的意思,默认情况下,背景图像在水平和垂直方向上会自动重复,就算你不写上这个值background-repeat: repeat。效果如图:
background-repeat: no-repeat
no-repeat就是”不重复“的意思,当你写上这个值background-repeat: no-repeat,背景图像就只出现一次。效果如图:
background-repeat: repeat-x
repeat-x意思是在水平方向上重复,当你写上这个值background-repeat: repeat-x,背景图像就会在水平方向上重复。
background-repeat: repeat-y
repeat-y意思是在垂直方向上重复,当你写上这个值background-repeat: repeat-y,背景图像就会在垂直方向上重复。
如果你想要改变背景图片的位置怎么办呢?详情点击:《css怎么设置背景图片的位置?用background-position属性》。
转载时需注明来源!首发网站:如乐建站之家;原文网址:https://www.rulejianzhan.com/css/8068.html