您现在的位置:首页 >> 前端 >> 内容

CSS学习(九)-CSS背景等相关内容

时间:2016/3/8 9:20:02 点击:

  核心提示:一、理论:1.background-breaka.bounding-box 背景图像在整个内联元素中进行平铺b.each-box 背景图像在行内中进行平铺c.continuous 下一行的背景图像紧接...
一、理论:
1.background-break
a.bounding-box 背景图像在整个内联元素中进行平铺
b.each-box 背景图像在行内中进行平铺
c.continuous 下一行的背景图像紧接着上一行中的图像继续平铺
以上仅在firefox下可用
2.css多背景
a.background-image 设置元素背景图片民,可用相对地址或绝对地址索引背景图像
b.background-repeat 设置元素背景图像的平铺方式 默认repeat
c.background-size 设置元素背景图像的尺寸大小 默认auto
d.background-attachment 设置元素的背景图片是否固定 默认scroll
e.background-clip 控制元素背景图像显示区域大小,默认border-box
f.background-color 设置元素背景颜色
g.多个属性中间必须用","分开
h.最先声明的背景图片将会居于最上层,最后指定的图片放于最底层

二、实践:

1.

 



 

用五张背景图片做出这样的效果

 



 

 

 

Tags:CS SS S学 学习 
作者:网络 来源:bwshqh的博客