css背景图片的平铺方式怎么设置?用background-repeat属性

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属性》。

转载时请注明来源!首发:如乐建站之家
原文链接:
http://www.rulejianzhan.com/css/8068.html

作者如乐老师  如乐老师的QQ:349142701

  如乐老师的微信:349142701

  如乐老师的电话:13189611692

如果你有时间和精力自学,没必要找我帮你建网站,因为我写了快速建站教程,点击下图学习:



鼓励 知识小手