CSS3背景与渐变

背景与渐变

background-size

background-size 属性用于设置背景图像的尺寸。您可以指定绝对或相对单位，或者使用关键词来控制背景图像在元素背景区域中的大小。

   .element {background-size: [length | percentage | cover | contain] | [length | percentage] [length | percentage] | auto | inherit;}

• length 或 percentage：分别使用像素值或相对于元素宽度/高度的百分比指定背景图像的宽度和高度。
• cover: 背景图像将尽可能地放大，以完全覆盖背景区域，某些部分可能会被裁剪以适应容器尺寸。
• contain: 背景图像将尽可能地缩放，使其完全适应背景区域，保持图像的长宽比，但图像的所有部分都会显示出来，可能会留有空白。
• auto：背景图像保持其原始尺寸。
• 当提供两个值时，第一个值对应宽度，第二个