默认值: repeat 继承: no 版本: CSS1 JavaScript 语法: object object.style.backgroundRepeat="repeat-y"浏览器支持表格中的数字表示支持该属性的第一个浏览器版本号。紧跟在 -webkit-, -ms- 或 -moz- 前的数字为支持该前缀属性的第一个浏览器版本号。
CSS background-repeat 属性 实例 只有垂直方向重复background-image: body { background-image:url('paper.gif'); background-repeat:repeat-y; } 尝试一下 » 标签定义及使用说明 设置如何平铺对象的 background-image 属性。 默认情况下,重
CSS中的background-repeat属性用于控制背景图像的重复方式。background-repeat:repeat是默认设置,让背景图像在水平和垂直两个方向上进行重复展示,这样可以填充整个背景区域,达到美观的效果。使用background-repeat:repeat-x时,背景图像仅会在水平方向上进行重复,垂直方向不会重复。这种设置适用于需要背景图像...
body { background-image: url(stars.gif);background-repeat: repeat-y;} 浏览器支持 所有浏览器都支持 background-repeat 属性。注释:任何版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。提示和注释 提示:背景图像的位置是根据 background-position 属性设置的。如果未规定 background-...
在CSS中,background-repeat:no-repeat" 这个样式意味着背景图像不会在水平或垂直方向上重复,而是仅显示一次。默认情况下,背景图像会从元素的左上角开始。如果你想创建一个不重复的背景效果,只需在元素的样式中添加这一属性,如:element { background-image: url('image-url.jpg');background-...
这里将会介绍如何通过background-image设置背景图片,以及背景图片的平铺、拉伸、偏移、设置大小等操作。 1. 背景图片样式分类 CSS中设置元素背景图片及其背景图片样式的属性主要以下几个: background-image :设置元素的背景图片。 background-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-...
background-image:url("gradient_bg.png"); } Try it Yourself » If the image above is repeated only horizontally (background-repeat: repeat-x;), the background will look better: Example body{ background-image:url("gradient_bg.png"); ...
意思是当盒子的大小大于一张背景图得大小时,剩余空白的地方要不套继续用这张图片去填充,repeat就是重复填充,no-repeat则只使用一次图片
no-repeat : 是不重复背景图片的 background-repeat: repeat : 重复背景图片 x方向 和 y 方向 同时重复的 background-repeat: repeat-x : x方向即水平方向重复 background-repeat: repeat-y : y方向即竖直方向重复 以上可简写 background: url('/i/eg_bg_03.gif') no-repeat ;