Knowled知识中心
services增值服务

CSS教程: background语法:

来源: 发布时间:2014/9/21 11:59:56

background语法:

background:[background-color] || [background-image] || [background-repeat] || [background-attachment] || [background-position]
[background-color]:
指定对象的背景颜色。
[background-image]:
指定对象的背景图像。可以是真实图片路径或使用渐变创建的“背景图像”
[background-repeat]:
指定对象的背景图像如何铺排填充。
[background-attachment]:
指定对象的背景图像是随对象内容滚动还是固定的。
[background-position]:
指定对象的背景图像位置。
[background-origin]:
指定对象的背景图像显示的原点。
[background-clip]:
指定对象的背景图像向外裁剪的区域。
[background-size]:
指定对象的背景图像的尺寸大小。

1、background-repeat语法:
background-repeat:<repeat-style>[ ,<repeat-style>]*
<repeat-style>= repeat-x | repeat-y |
[repeat | space | round | no-repeat]{1,2}
默认值:repeat
取值:
repeat-x:
背景图像在横向上平铺
repeat-y:
背景图像在纵向上平铺
repeat:
背景图像在横向和纵向平铺
no-repeat:
背景图像不平铺
round:
背景图像自动缩放直到适应且填充满整个容器。(CSS3)
space:
背景图像以相同的间距平铺且填充满整个容器或某个方向。(CSS3)

2、background-attachment语法:
background-attachment:<attachment>[ ,<attachment>]*
<attachment>= fixed | local |
scroll
默认值:scroll
取值:
fixed:
背景图像相对于窗体固定。
scroll:
背景图像相对于元素固定,也就是说当元素内容滚动时背景图像不会跟着滚动,因为背景图像总是要跟着元素本身。但会随元素的祖先元素或窗体一起滚动。
local:
背景图像相对于元素内容固定,也就是说当元素随元素滚动时背景图像也会跟着滚动,因为背景图像总是要跟着内容。(CSS3)

3.background-position语法:
background-position:<bg-position>[ ,<bg-position>]*
<bg-position>= [<percentage>|<length>| left | center① | right ] [<percentage>|<length>| top | center② | bottom
]?
默认值:0% 0%,效果等同于left
top
取值:
<percentage>:
用百分比指定背景图像填充的位置。可以为负值。
<length>:
用长度值指定背景图像填充的位置。可以为负值。
left:
背景图像在横向上填充从左边开始。
center①:
背景图像在横向上填充从中间开始。
right:
背景图像在横向上填充从右边开始。
top:
背景图像在纵向上填充从顶部开始。
center②:
背景图像在纵向上填充从中间开始。
bottom:
背景图像在纵向上填充从底部开始。

和美通网络——深圳天博棋牌558建设专业机构,11年建站经验,服务客户近1000家!
——每一个天博棋牌558都是有独特的风格 努力为客户打造更多的好作品!

专业的天博棋牌558页面设计,DIV+CSS行业标准切图排版技术。
多年经验的天博棋牌558建设工程师;深圳做天博棋牌558,代码能少一行是一行,访问速度能快一秒是一秒!
联系我们:0755-29828295 400-661-9949 梁先生 杨先生
网址: www.360b.cn www.caofo.com 点击进入经典天博棋牌558案例 
服务项目:天博棋牌558建设 页面设计 天博棋牌558制作 天博棋牌558推广 

天博棋牌558设计咨询

点击这里给我发消息 点击这里给我发消息

天博棋牌558推广咨询

点击这里给我发消息 点击这里给我发消息

手机:13538088336