css3 background-size 用法
2012-07-24 17:39
316 查看
原文:http://demo.doyoe.com/css3/background-size/
所用图片:
背景图尺寸(数值表示方式):
#background-size{ background-size:300px 100px; }
背景图尺寸(百分比表示方式):
#background-size2{ background-size:40% 80%; }
背景图尺寸(等比扩展图片来填满元素,即cover值):
#background-size3{ background-size:cover; }
背景图尺寸(等比缩小图片来适应元素的尺寸,即contain值):
#background-size4{ background-size:contain; }
背景图尺寸(以图片自身大小来填充元素,即auto值):
#background-size5{ background-size:auto; }
相关文章推荐
- 【CSS3】---background-origin background-clip background-size
- CSS3 background-size:[length|percentage|auto]{1,2}|cover|contain
- css3属性中background-clip与background-origin的用法区别?
- CSS3-background-size
- CSS3——box-sizing\background-size\box-shadow
- 使用JavaScript的Canvas模拟CSS3中的background-size:cover;
- CSS3background-size背景图片尺寸属性
- css3中的background-size和background-origin
- CSS3 background新增属性用法
- CSS3——box-sizing\background-size\box-shadow
- HTML&CSS——CSS3 Background-size
- CSS3-background-size
- css3 background-size
- css3新增背景属性background-clip/background-origin/background-size
- CSS3 background-size 属性
- CSS3 Background-size
- CSS3——box-sizing\background-size\box-shadow
- 让 IE8支持CSS3 background-size属性(引用外部backgroundsize.min.htc)
- css3 background-size
- CSS3background-size背景图片尺寸属性