相逢意气为君饮，系马高楼垂柳边。这篇文章主要讲述#yyds干活盘点# 3 Css3 的背景相关的知识，希望能为你提供帮助。
一、Css3的背景1.background-size：规定背景图片的尺寸
值
| 说明
|
length
| 设置背景图片高度和宽度。第一个值设置宽度，第二个值设置的高度。如果只给出一个值，第二个是设置为"auto(自动)"
|
percentage
| 将计算相对于背景定位区域的百分比。第一个值设置宽度，第二个值设置的高度。如果只给出一个值，第二个是设置为"auto(自动)"
|
cover
| 此时会保持图像的纵横比并将图像缩放成将完全覆盖背景定位区域的最小最大
|
contain
| 此时会保持图像的纵横比并将图像缩放成适合背景定位区域的最大大小
|
- background-origin：规定背景图片的定位区域
- background-clip：规定背景的绘制区域
2.background-origin/clip属性
值
| background-origin值说明
| background-clip值说明
|
padding-box
| 背景图像相对于内边距框来定位
| 背景被裁剪到内边距框
|
border-box
| 背景图像相对于边框盒来定位
| 背景被裁剪到边框盒
|
content-box
| 背景图像相对于内容框来定位
| 背景被裁剪到内容框
|
【#yyds干活盘点# 3 Css3 的背景】
推荐阅读
