#yyds干活盘点# 3 Css3 的背景
Posted 江下下啊
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了#yyds干活盘点# 3 Css3 的背景相关的知识，希望对你有一定的参考价值。
一、Css3的背景
1.background-size：规定背景图片的尺寸
- Background-size属性：
值 | 说明 |
length | 设置背景图片高度和宽度。第一个值设置宽度，第二个值设置的高度。如果只给出一个值，第二个是设置为"auto(自动)" |
percentage | 将计算相对于背景定位区域的百分比。第一个值设置宽度，第二个值设置的高度。如果只给出一个值，第二个是设置为"auto(自动)" |
cover | 此时会保持图像的纵横比并将图像缩放成将完全覆盖背景定位区域的最小最大 |
contain | 此时会保持图像的纵横比并将图像缩放成适合背景定位区域的最大大小 |
- background-origin：规定背景图片的定位区域
- background-clip：规定背景的绘制区域
2.background-origin/clip属性
- background-origin/clip属性
值 | background-origin值说明 | background-clip值说明 |
padding-box | 背景图像相对于内边距框来定位 | 背景被裁剪到内边距框 |
border-box | 背景图像相对于边框盒来定位 | 背景被裁剪到边框盒 |
content-box | 背景图像相对于内容框来定位 | 背景被裁剪到内容框 |
以上是关于#yyds干活盘点# 3 Css3 的背景的主要内容，如果未能解决你的问题，请参考以下文章