CSS背景:background-repeat

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

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

【 tulaoshi.com - Web开发 】

语法:

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

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

取值:

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

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

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

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

说明:

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

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

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

对应的脚本特性为 backgroundRepeat 。

示例:

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

来源:https://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开发
使用CSS可以固定背景,格式如下: 标签名{background-attachment:参数} 参数: fixed:页面滚动时,背景固定; scroll:页面滚动时,背景滚动。 实例: html style type="text/css" !--     p.1{ background-attachment:fixed;  background-repeat:no-repeat;background-image:url(mgc.jpg);font-size:100mm}  &n...

经验教程

815

收藏

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