css中repeat-x与repeat-y什么意思。结合例子给我说明一下，谢谢
Vue实践-CSS样式position/display/float属性对比使用
repeat-x是横向铺满，是css里background的一种属性，代表图片向水平平铺。
比如导航条，水平方向色块颜色是一致的。那切图的时候就可以纵向切一小块命名为nav.jpg。然后定义css，代码如下：
.nav{background:url(./images/nav.jpg) repeat-x;height:35px}
repeat-x是横向铺满，就是在#header.nav-box中，图片nav-box-bg.gif会横向重复，直到铺满。
repeat-y是纵向，就是在#header.nav-box中，图片nav-box-bg.gif会竖向重复，直到铺满。
如果想要横轴和竖轴都平铺的话，直接用background-repeat:repeat;就可以了。
扩展资料：
css参考函数
attr() 返回所选元素的属性值
hsl() 使用Hue-Saturation-Lightness模型（HSL）定义颜色
hsla() 使用Hue-Saturation-Lightness-Alpha模型（HSLA）定义颜色
linear-gradient() 将线性渐变设置为背景图像。 定义至少两种颜色（从上到下）
radial-gradient() 将径向渐变设置为背景图像。 定义至少两种颜色（中心到边缘）
参考资料来源：百度百科-CSS （层叠样式表）
repeat-x是横向铺满，就是在#header .nav-box中，图片nav-box-bg.gif会横向重复，知道铺满；
repeat-y是纵向，就这么回事，如果不想重复，no-repeat.
css里repeat-x啥意思
答：repeat-x是横向铺满，是css里background的一种属性，代表图片向水平平铺。比如导航条，水平方向色块颜色是一致的。那切图的时候就可以纵向切一小块命名为nav.jpg。然后定义css，代码如下：.nav{background:url(./images/nav.jpg) repeat-x;height:35px} ...
html,css ,这段的repeat-x什么意思?background:url(../images/bg.gif...
答：repeat-x是指背景图片横向铺满，简单点说，bg.gif会横向重复，一直到铺满容器，如下图：你可以使用no-repeat让背景图片不重复。希望可以帮到你
background-repeat:repeat这个在CSS里是什么意思
答：意思是当盒子的大小大于一张背景图得大小时，剩余空白的地方要不套继续用这张图片去填充，repeat就是重复填充，no-repeat则只使用一次图片
CSS里的“background-repeat:repeat”是什么意思?
答：在CSS中，background-repeat 属性设置是否及如何重复背景图像。示例代码： 示例body{ background-image:url('paper.gif'); background-repeat:inherit;//repeat，repeat-x，repeat-y,no-repeat} inherit1、background-repeat:repeat 是默认属性，使背景图像在水平和垂直方向上重复。2、background-r...
背景平铺方式的值有哪些
答：css中可用background-repeat属性设置背景图的平铺方式，它有四个属性值，分别为：repeat：默认完全平铺背景；no-repeat：不平铺；repeat-x：横向平铺背景；repeat-y：纵向平铺背景。CSS背景图像平铺是指在页面上使用CSS来实现背景图像的平铺效果，即背景图像会以一定的尺寸重复显示，以达到填充整个背景的效果...
css中repeat-x与repeat-y什么意思。结合例子给我说明一下,谢谢_百度知 ...
答：repeat-x是横向铺满，就是在#header.nav-box中，图片nav-box-bg.gif会横向重复，直到铺满。repeat-y是纵向，就是在#header.nav-box中，图片nav-box-bg.gif会竖向重复，直到铺满。如果想要横轴和竖轴都平铺的话，直接用background-repeat:repeat;就可以了。
在CSS中样图片填充是哪个属性啊?就是让图片自动变填充?
答：首先，不是所有的图片都适合做为填充图片，我们要选择整幅图中，重复出现的部分。做好了可以进行填充的图片，就可以用 css 来控制了。示例：background:url(images/01.jpg) repeat-x 0 0;说明：images/01.jpg 是图片的相对路径 repeat-x 横向平铺 与之相对的还有 repeat-y(纵向平铺)no-...
CSS repeat-x 如何背景全屏?
答：background-size: cover; background-position: center;// 背景比例拉伸平铺下，repeat-x不起作用；background-size: contain;// 背景平铺下，repeat-x起作用；background-repeat: repeat-x;
css中 有关repeat代码看不懂、background: url(../images/gfth/qh_m...
答：no-repeat不平铺，背景图片是有大小的，不管你此处的层的大小超过了背景图片的大小，那么背景图片将不平铺，只显示一张背景图片。repeat-x横向平铺，如果你此处的层的宽度超过了背景图片的宽度，那么背景图片将在水平方向上平铺，这样就可以看到连续的图片连在一起的效果了 repeat-y纵向平铺 同上面意思差...
CSS里的 no-repeat 是什么意思
答：CSS里的no-repeat 的意思是背景图像将仅显示一次，是对设置背景图像的值，当设置了no-repeat 属性后，背景图像将不会重复的出现。在CSS中用来设置背景图像的值有repeat,repeat-x,repeat-y,no-repeat,inhent,他们分别是的意思是:
