介绍CSS中的背景尺寸属性

背景大小可以设置2个值,第一个值用于指定背景图的宽度,第二个值用于指定背景地图的高度。




背景大小的值类型:1或2个值,可以是像素PX、百分之一百分比或自动值,也可以是特定值覆盖。

背景大小可以设置为2到1的值,1可选。
第一个值用于指定宽度的背景图像,二值用于指定高度的背景图像,如果设置1个值的大小的背景,二值默认为自动高度(通常默认高度自动自动,因为合适的含量增加,通常如果你想要高度不设置自适应(盖)和包含特定值的除外)。

复制代码代码如下所示:
div {
背景图片:URL(测试PNG);
后台重复:不重复;
背景:100px大小;
}

它相当于:

复制代码代码如下所示:
div {
背景图片:URL(测试PNG);
后台重复:不重复;
背景尺寸:100px汽车;
}

查看具体演示的价值定义:background-size.when你使用Firebug抢实例节点,你会发现二值自动加值的汽车。当然,你也可以手动设置自动二值,然后比较的演示实例,其影响将是相同的。

背景尺寸的特定值:

封面:保持图像本身的宽和高,将图片放大的区域完全覆盖定义背景。
包含:保持图像本身的宽和高,将图片放大的区域的宽度或高度符合定义的背景。
盖值:

复制代码代码如下所示:
div {
背景图片:URL(测试PNG);
后台重复:不重复;
背景尺寸:封面;
}

上面的示例中,背景图像将覆盖整个div区域。

包含的价值:

复制代码代码如下所示:
div {
背景图片:URL(测试PNG);
后台重复:不重复;
背景尺寸:包含;
}

上面的例子,背景图像会放大到任何边的宽度或高度和div适应。