ＣＳＳ属性之background-size介绍

ｂａｃｋｇｒｏｕｎｄ的设置是在前端编程过程中较为常见和常用的一个属性的设置，下面简单介绍一下ｂａｃｋｇｒｏｕｎｄ中的ｂａｃｋｇｒｏｕｎｄ－ｓｉｚｅ。

background-size: length|percentage|cover|contain;

主要有以下四个值：

length

• 设置背景图像的高度和宽度。
• 第一个值设置宽度，
• 第二个值设置高度。
• 如果只设置一个值，则第二个值会被设置为 "auto"。

percentage

• 以父元素的百分比来设置背景图像的宽度和高度。
• 第一个值设置宽度，
• 第二个值设置高度。
• 如果只设置一个值，则第二个值会被设置为 "auto"。

cover

• 把背景图像扩展至足够大，以使背景图像完全覆盖背景区域。
• 背景图像的某些部分也许无法显示在背景定位区域中。

contain

• 把图像图像扩展至最大尺寸，以使其宽度和高度完全适应内容区域。

Ｒｅ：另外，在实际编程中，一种控制图片充满背景的常用方式为：

ｂａｃｋｇｒｏｕｎｄ：url(.......)    ｃｅｎｔｅｒ　   ｃｏｎｔａｉｎｅｒ;

有任何问题都随时欢迎大家批评指正～～　　>^_^<