CSS背景:background-repeat

2016-02-19 16:38 7 1 收藏

下面图老师小编跟大家分享CSS背景:background-repeat,一起来学习下过程究竟如何进行吧!喜欢就赶紧收藏起来哦~

【 tulaoshi.com - Web开发 】

语法:

background-repeat : repeat | no-repeat | repeat-x | repeat-y

取值:

repeat : 默认值。背景图像在纵向和横向上平铺

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

no-repeat : 背景图像不平铺

repeat-x : 背景图像仅在横向上平铺

repeat-y : 背景图像仅在纵向上平铺

说明:

设置或检索对象的背景图像是否及如何铺排。必须先指定对象的背景图像( background-image )。

此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。

对应的脚本特性为 backgroundRepeat 。

示例:

menu { background: url("images/aardvark.gif"); background-repeat: repeat-y; }
p { background: url("images/aardvark.gif"); background-repeat: no-repeat; }

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

来源:http://www.tulaoshi.com/n/20160219/1612608.html

延伸阅读
标签: Web开发
背景图片Background Images有许多属性可以操作。 幸运的是,可以使用background处理所有: body {     background: white url(/jc/UploadFiles/200803/20080309225852658.gif) no-repeat top right; } 上面合并了下面属性: background-color出现在前面。  back...
标签: Web开发
  原文:http://www.planabc.net/2008/04/14/background-clip_background-origin/ background-clip 和 background-origin 是 CSS3 中新加的 background module属性,用来确定背景的定位。 background-clip 用来判断 background 是否包含 border 区域。而 background-origin 用来决定 background-position 计算的参考位置。 语法为: ...
标签: Web开发
css2.0 中的 background-position 大家用到过吗?怎么用的?用在哪里?js控制图片切换有两个缺陷:1.有时后切换缓慢,需要预载解决;2.要制作2-3套图片 看看怎么用 background-position 解决这个问题,实现快速"切换",这里只用到一张图片 至于代码中的font:10px/1也是不常见的用法 可以参考这里:http://www.w3.org/Sty...
标签: Web开发
background-position的说明:     设置或检索对象的背景图像位置。必须先指定 background-image 属性。该属性定位不受对象的补丁属性( padding )设置影响。     默认值为: 0% 0% 。此时背景图片将被定位于对象不包括补丁( padding )的内容区域的左...
标签: Web开发
change(fn) 在每一个匹配元素的change事件中绑定一个处理函数。 change事件会在元素失去焦点的时候触发,也会当其值在获得焦点后改变时触发。 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head meta http-equi...

经验教程

836

收藏

70
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部