站内搜索:
首页 >> 前端 >> 内容
CSS学习(九)-CSS背景等相关内容

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

一、理论:
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.

 



 

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

 



 

 

 

  • 上一篇:CSS学习(十)-CSS字体、CSS字体阴影
  • 下一篇:常见移动设备的 CSS3 Media Query 的匹配问题整理(iPhone/iPad/Galaxy)
  • 返回顶部