CSS学习(九)-CSS背景

2021-06-10 01:04

阅读:441

YPE html>

标签:otto   oct   bsp   type   demo   cli   blog   尺寸   track   

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

Title
2.


Title
用五张背景图片做出这种效果


CSS学习(九)-CSS背景

标签:otto   oct   bsp   type   demo   cli   blog   尺寸   track   

原文地址:http://www.cnblogs.com/cxchanpin/p/7297434.html


评论


亲,登录后才可以留言!