CSS3 背景 background-size
2016-08-19 12:04
405 查看
background-size: 200px; 第一个值是指背景图像的width，第二个指背景图像的height，如果只有一个值，height就为auto
background-size: 200px 100px;
background-size: 200px 100px, 400px 200px;//有多个图像
background-size: auto 200px;
background-size: 50% 25%;
background-size: contain; 保留图像原有的比例/长宽比,不管背景图像大于还是小于背景区域，都会覆盖背景区域,
background-size: cover; 留图像原有的比例/长宽比,无论是图像的宽度或高度超过背景区域,以尽可能大的覆盖背景区域。
background-size: 200px 100px;
background-size: 200px 100px, 400px 200px;//有多个图像
background-size: auto 200px;
background-size: 50% 25%;
background-size: contain; 保留图像原有的比例/长宽比,不管背景图像大于还是小于背景区域，都会覆盖背景区域,
background-size: cover; 留图像原有的比例/长宽比,无论是图像的宽度或高度超过背景区域,以尽可能大的覆盖背景区域。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- CSS3之背景尺寸Background-size使用介绍
- CSS3：background-size背景图片尺寸属性
- CSS3：background-size背景图片尺寸属性
- CSS3 background-size让背景图寸尺大小可控
- CSS3之背景尺寸Background-size
- css3新增背景属性background-clip/background-origin/background-size
- css3背景属性 background-size 对背景图进行缩小放大
- css3 背景图片 background-size
- CSS3基础教程：详解background-size 控制背景图的尺寸[转]
- CSS3background-size背景图片尺寸属性
- css3基础 background-size 背景缩放
- CSS3background-size背景图片尺寸属性
- CSS3背景：background-origin、background-clip、 background-size、multiple backgrounds、制作导航菜单综合练习题
- css3的一个控制背景的属性，background-size可以缩放大小啦
- CSS3background-size背景图片尺寸属性
- CSS3 background-size让背景图寸尺大小可控
- CSS3：background-size背景图片尺寸属性
- CSS3——box-sizing\background-size\box-shadow
- 使用JavaScript的Canvas模拟CSS3中的background-size:cover;
- css背景图像问题（background-size)