repeat-y,repeat用法

前端 元素的层级 背景

background-color

background-color属性用来为元素设置背 景颜色。

需要指定一个颜色值，当指定了一个颜色 以后，整个元素的可见区域都会使用这个 颜色作为背景色。

如果不设置背景颜色，元素默认背景颜色 为透明，实际上会显示父元素的背景颜色

background-image

background-image可以为元素指定背景 图片。

和background-color类似，这不过这里使 用的是一个图片作为背景。

需要一个url地址作为参数，url地址需要指 向一个外部图片的路径

例如：

background-image: url(1.jpg)

background-repeat

background-repeat用于控制背景图片的 重复方式4 。

如果只设置背景图片默认背景图片将会使 用平铺的方式，可以通过该属性进行修改。

可选值：

repeat：默认值，图片左右上下平铺

no-repeat：只显示图片一次，不会平铺

repeat-x：沿x轴水平平铺一张图片

repeat-y：沿y轴水平平铺一张图片

background-position

background-position用来精确控制背景 图片在元素中的位置。

可以通过三种方式来确定图片在水平方向 和垂直方向的起点。

关键字：top right bottom left center

百分比

数值

background-attachment

background-attachment用来设置背景图 片是否随页面滚动。

可选值：

scroll：随页面滚动

fixed：不随页面滚动

background

background是背景的简写属性，通过这个 属性可以一次性设置多个样式，而且样式 的顺序没有要求。

例如：

background: green url(1.jpg) no-repeat center center fixed;

css中repeat 和 round 的区别

css中no-repeat一般用在元素backgroud-repeat的设置中，含义为不平铺；

一般与background-image 一起使用；

此图片做背景时不平铺；

另外还有几个其他值：

repeat:平铺

repeat-x:横向平铺

repeat-y:纵向平铺

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参考函数

attr() 返回所选元素的属性值

hsl() 使用Hue-Saturation-Lightness模型（HSL）定义颜色

hsla() 使用Hue-Saturation-Lightness-Alpha模型（HSLA）定义颜色

linear-gradient() 将线性渐变设置为背景图像。 定义至少两种颜色（从上到下）

radial-gradient() 将径向渐变设置为背景图像。 定义至少两种颜色（中心到边缘）

参考资料来源：百度百科-CSS （层叠样式表）

在CSS中样图片填充是哪个属性啊?就是让图片自动变填充?

首先，不是所有的图片都适合做为填充图片，我们要选择整幅图中，重复出现的部分。

做好了可以进行填充的图片，就可以用 css 来控制了。

示例：

background:url(images/01.jpg) repeat-x 0 0;

说明：

images/01.jpg　是图片的相对路径

repeat-x 　横向平铺　与之相对的还有　repeat-y(纵向平铺)no-repeat(不平铺)

0 0　定义图片的起始位置（第1个左右位置，第2个是上下位置）

css div已设置repeat-y 纵向重复，但背景重复无效

为什么是15px 你的 更多 line-height:15px;当然就是 15px, 另外 height:auto;是要有内容撑的，你现在的 容器的 高度是15px; 那么 background:url(../images/XXX.jpg) y-repeat;当然没效果，

你可以 用固定设置个 height:100px 然后background:red; 来看看范围

另外写程序不要用DW 来写 这样永远记不住 属性和方法

我也是新手欢迎谈论！