收藏

下载资源 加入VIP,免费下载

第1页 / 共13页

第2页 / 共13页

第3页 / 共13页

第4页 / 共13页

第5页 / 共13页

第6页 / 共13页

第7页 / 共13页

第8页 / 共13页

第9页 / 共13页

第10页 / 共13页

第11页 / 共13页

第12页 / 共13页

第13页 / 共13页

Cover放大把整个元素放满

背景图片会有超出

Contain缩小把背景图片放完

三、定义背景坐标

background-origin：

border|padding|content

border-box：

从border区域开始显示背景。

从边框的最外面开始，只是边框线显示在上层

padding-box：

从padding区域开始显示背景。

content-box：

从content区域开始显示背景。

四、background-clip

border：

从border区域向外裁剪背景。

padding：

从padding区域向外裁剪背景。

content：

从content区域向外裁剪背景。

没有设置background-clip边框透明显示出背景图片

no-clip：

从border区域向外裁剪背景。

背景图片文字效果

妙味课堂

鼠标移上，改变背景图片的位置，达到显示图片背景的动画效果

Iphone开机动画

MioaV妙味课堂

五、遮罩

Mask-image

Mask-position

Mask-repeat