Background-Size
2015-06-19 09:32
344 查看
Background-Size:[ <length> | <percentage> | auto ]{1,2} | cover | contain
background-size指定背景大小,以象素或百分比显示。当指定为百分比时,大小会由所在区域的宽度、高度,以及background-origin的位置决定。还可以通过cover和contain来对图片进行伸缩。
background-size可以设置2个值,1个为必填,1个为可选。第1个值用于指定背景图的width,第2个值用于指定背景图的height。
如果只给background-size设置1个值,则第2个值默认为auto(cover和contain特定值除外)。
<length>:设置背景图片的高度和宽度(单位:px)。第一个值设置宽度,第二个值设置的高度。如果只给出一个值,第二个是设置为“auto”,
例如:background-size: 100px 200px;背景宽100px,高200px;
<percentage>:设置背景图片的高度和宽度(单位:%)。第一个值设置宽度,第二个值设置的高度。如果只给出一个值,第二个是设置为“auto”
例如:background-size: 100% 100%;背景充满
cover: 缩放图像的最小值,其宽度和高度都能放入内容区域
contain:缩放图像的最大值,其宽度和高度都能放入内容区域
效果如下:
background-size指定背景大小,以象素或百分比显示。当指定为百分比时,大小会由所在区域的宽度、高度,以及background-origin的位置决定。还可以通过cover和contain来对图片进行伸缩。
background-size可以设置2个值,1个为必填,1个为可选。第1个值用于指定背景图的width,第2个值用于指定背景图的height。
如果只给background-size设置1个值,则第2个值默认为auto(cover和contain特定值除外)。
<length>:设置背景图片的高度和宽度(单位:px)。第一个值设置宽度,第二个值设置的高度。如果只给出一个值,第二个是设置为“auto”,
例如:background-size: 100px 200px;背景宽100px,高200px;
<percentage>:设置背景图片的高度和宽度(单位:%)。第一个值设置宽度,第二个值设置的高度。如果只给出一个值,第二个是设置为“auto”
例如:background-size: 100% 100%;背景充满
cover: 缩放图像的最小值,其宽度和高度都能放入内容区域
contain:缩放图像的最大值,其宽度和高度都能放入内容区域
效果如下:
相关文章推荐
- 日经社説 20150618 「同一賃金」は企業自身の手で
- 测试相关理解(一)等价类划分法
- 云计算中的并行计算技术分析
- ubuntu定时执行任务crontab的使用
- 最后一章阅读感想
- Java修饰符:public、protected、private、abstract、static和final区别
- 关于JAVA的内省JavaBean、类加载器、类加载器的委托机制以及代理
- java——定义一个功能将ArrayList 集合中的重复元素删除(java集合七)
- iOS 中KVC、KVO、NSNotification、delegate 总结及区别
- 6月18日面试总结
- IQueryable和IEnumerable的区别
- 自定义在图片上贴固定大小的图片
- 宏中的逗号
- java 计算 文件 md5
- 日经春秋 20150619
- Fragment onCreateView inflate注意事项 (整理)
- 数据结构学习之堆栈(顺序存储)
- mongodb3.0 db.addUser报错
- codeblock 插件安装
- android开发图表achartengine之饼图