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 div已设置repeat-y 纵向重复,但背景重复无效
为什么是15px 你的 更多 line-height:15px;当然就是 15px, 另外 height:auto;是要有内容撑的,你现在的 容器的 高度是15px; 那么 background:url(../images/XXX.jpg) y-repeat;当然没效果,
你可以 用固定设置个 height:100px 然后background:red; 来看看范围
另外写程序不要用DW 来写 这样永远记不住 属性和方法
我也是新手欢迎谈论!
CSS为什么container(最大的DIV)里面的背景repeat-y有时候能重复,有时候不能重复?怎么解决?
修改后的,你试试。
一、#container{
background:url(images/con_bg.jpg) repeat-y left top;
margin:0px auto;
width:1000px;
height:auto;
text-align:center;
}
二、#menu{
background:url(images/menud.jpg) no-repeat left center;
margin:0px auto;
list-style:none;
overflow:hidden;
}
三(1)
#menu ul{
margin:0px;
padding:0px;
list-style-type:none;
}
#menu ul li{
display:block;
float:left;
margin:0px;
padding:0px;
font-family:"黑体";
}
有问题在HI我吧
repeat的值有哪些
repeat、no-repeat、repeat-x、repeat-y。CSS中,当使用图像作为背景了以后,都是默认把整个页面平铺满的,但是有时候在很多场合下面,页面并不需要这种默认的效果,需要背景图像只显示一次,或者只按照指定方式进行平铺的时候,可以使用background-repeat来进行设置,background-repeat专门用于设置背景图像的平铺方式,一般有四个值,默认是repeat(平铺),no-repeat(不平铺),repeat-x(X轴平铺),repeat-y(Y轴平铺)。
css中repeat 和 round 的区别
css中no-repeat一般用在元素backgroud-repeat的设置中,含义为不平铺;
一般与background-image 一起使用;
此图片做背景时不平铺;
另外还有几个其他值:
repeat:平铺
repeat-x:横向平铺
repeat-y:纵向平铺
在CSS中样图片填充是哪个属性啊?就是让图片自动变填充?
首先,不是所有的图片都适合做为填充图片,我们要选择整幅图中,重复出现的部分。
做好了可以进行填充的图片,就可以用 css 来控制了。
示例:
background:url(images/01.jpg) repeat-x 0 0;
说明:
images/01.jpg 是图片的相对路径
repeat-x 横向平铺 与之相对的还有 repeat-y(纵向平铺) no-repeat(不平铺)
0 0 定义图片的起始位置(第1个左右位置,第2个是上下位置)