|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
属性值就追加上去,重复的属性值就以最后一个为准。这里要注意的是,样式的先后不是根据页面上应用的名字顺序,而是样式表里的样式顺序。
poluoluo文章简介:背景background:background-image:url("图片的网址");背景图background:url("图片的网址");背景.background-color:#色码;背景致彩.
背景background
CSS申明
background-image:url("图片的网址");背景图
background:url("图片的网址");背景
background-color:#色码;背景致彩
Exp:
background-image:url(背景图案.jpg,gif,bmp);
background-color:#FFFFFF;
background-color:transparent;<--设定背景为通明色
--------------------------------------------------------------------------------
background-repeat改动背景图片的反复并排的设定
css
申明
repeat背景图片并排
repeat-x背景图片以X偏向并排
repeat-y背景图片以Y偏向并排
no-repeat背景图片不以并排的体例处置
Exp:
background-image:url("http://www.webjx.com/xx.gif");
background-repeat:no-repeat;
以http://www.webjx.com/xx.gif这张图片为背景,当图片巨细不敷的时分,不并排反复
--------------------------------------------------------------------------------
background-attachment是不是流动图片地位
css
申明
scroll拉动卷轴时,背景图片会随着挪动(缺省值)
fixed拉动卷轴时,背景图片不会随着挪动
Exp:
background-image:url("http://www.webjx.com/xx.gif");
background-repeat:no-repeat;
background-attachment:fixed;
以http://www.webjx.com/xx.gif背景图片不反复并列,且不随卷轴挪动
--------------------------------------------------------------------------------
以长度定位background-position:xy
利用百分比定位background-position:x%y%
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%;右侧下方
以关头字定位
关头字申明
top上(y=0)
center中(x=50,y=50)
bottom下(y=100)
left左(x=0)
Exp:
background-position:center;
图片在指定背景中心X=50%Y=50%地位
background-position:200px30px
标准的选择器不能格式化一个元素内容的第一个字母或者第一行,而伪元素选择器能实现 |
|