当前位置: 网站建设 > 网页设计 > 建站经验 >

详解CSS中background(背景)属性的语法

时间:2013-03-02 04:15来源:未知 作者:admin 点击:

标签:详解CSS中background(背景)属性的语法 background(9)语法(12)背景(35)详解(47)性的(20)CSS(823)
css 阐明 repeat 背景图片并排 repeat-x 背景图片以X方向 并排 repeat-y 背景图片以Y方向 并排 no-repeat 背景图片不 以并排的方法处置 --> [网站建设之]详解CSS中background(背景)属性的语法 Tag: CSS background 背景 CSS background 背景 以症结字定位 要害字 解释 top 上 ( y = 0 ) center 中 ( x = 50, y = 50 ) bottom 下 ( y = 100 ) left 左 ( x
详解CSS中background(背景)属性的语法》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/030234XH013.htm

css
 阐明
repeat  背景图片并排 
repeat-x  背景图片以X方向 并排 
repeat-y  背景图片以Y方向 并排 
no-repeat  背景图片不 以并排的方法处置 

--> [网站建设之]详解CSS中background(背景)属性的语法

Tag:   CSS   background   背景     CSS   background   背景  

以症结字定位
要害字  解释 
top  上 ( y = 0 ) 
center  中 ( x = 50, y = 50 ) 
bottom  下 ( y = 100 ) 
left  左 ( x= 0 ) 

css
 说明
x%  往右移 
y%  往下移 
backgroud-position: 0% 0%; 左边上方
backgroud-position: 0% 50%; 左边中间
backgroud-position: 50% 0%; 中间上方
backgroud-position: 50% 50%; 正中间
backgroud-position:100% 0%; 右边上方
backgroud-position: 0% 100%; 左边下方
backgroud-position: 100% 50%; 右边中间
backgroud-position: 50% 100%; 旁边下方
backgroud-position: 100% 100%; 右边下方

Exp:
background-image:url("
background-repeat:no-repeat;

--------------------------------------------------------------------------------

--------------------------------------------------------------------------------

--------------------------------------------------------------------------------

以长度定位background-position: x y
应用百分比定位 background-position: x% y%

background-attachment是否固定图片位置

Exp:
background-image:url(",详解CSS3线性渐变;
background-repeat:no-repeat;
background-attachment:fixed;

css
 说明
scroll  拉动卷轴时,详解CSS3 transform,背景图片会随着挪动(缺省值) 
fixed  拉动卷轴时,背景图片不会跟着移动 ,详解CSS3 text-shadow;

background-repeat 转变背景图片的反复并排的设定

背景 background

css 说明
background-image:url("图片的网址"); 背景图
background: url(" 图片的网址 "); 背景
background-color:#色码; 背风景彩

background-image:url(背景图案.jpg,gif,bmp),详解CSS3 box-shadow;
background-color:#FFFFFF; 
background-color : transparent;   ,详解CSS3 border-radius; <--设定背景为透明色

Exp:
background-position:center;
图片在指定背景中心X=50% Y=50%地位
background-position: 200px 30px
 

本文详解了CSS的背景属性Background,包含CSS3中新增的背景属性。


(责任编辑:网站建设)
详解CSS中background(背景)属性的语法相关文章
上一篇:详解CSS3线性渐变 下一篇:详解CSS中滤镜的使用(1)
回到顶部