repeat

更新时间:2023-03-01 01:52:19 阅读: 评论:0

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个是上下位置)

本文发布于:2023-02-28 19:16:00,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/zhishi/a/167760673956078.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

本文word下载地址:repeat.doc

本文 PDF 下载地址:repeat.pdf

标签:repeat
相关文章
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2022 Comsenz Inc.Powered by © 实用文体写作网旗下知识大全大全栏目是一个全百科类宝库! 优秀范文|法律文书|专利查询|