background-sizi (转)
http://www.cnblogs.com/greenteaone/archive/2012/08/28/2659878.html (原创作者链接地址 )
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:缩放图像的最大值,其宽度和高度都能放入内容区域
效果如下:
转载于:https://www.cnblogs.com/loushiqiang/p/6202309.html
background-sizi (转)相关推荐
- css的background
背景属性--background是css中的核心属性.你应该对它有充分的了解.这篇文章详细讨论了background的所有相关属性,甚至包括background-p_w_upload,还为我们介绍了它 ...
- CSS 背景(background)(背景颜色color、背景图片image、背景平铺repeat、背景位置position、背景附着、背景简写、背景透明、链接导航栏综合案例)
1. 背景颜色(color) background-color:颜色值; 默认的值是 transparent 透明的 示例代码: <!DOCTYPE html> <html lang ...
- CSS background 之设置图片为背景技巧
首先先来看看background有那些值: 可以按顺序设置如下属性(可点击进入相应的css手册查看使用): background-color 背景颜色 background-image 背景图片 ba ...
- R语言ggplot2在可视化图像中添加横线并在横线中添加文本、为横线中添加的文本添加文本框、自定义文本框的填充色(background color for a text annotation)
R语言ggplot2在可视化图像中添加横线并在横线中添加文本.为横线中添加的文本添加文本框.自定义文本框的填充色(background color for a text annotation) 目录
- R语言使用magick包的image_border函数和image_background函数自定义图像的边界和背景(Change image border and background)
R语言使用magick包的image_border函数和image_background函数自定义图像的边界和背景(Change image border and background) 目录
- R语言ggplot2可视化自定义可视化结果的背景色(background color)实战:改变整个画板(panel)的背景色、改变图像(plot)区域的背景色
R语言ggplot2可视化自定义可视化结果的背景色(background color)实战:改变整个画板(panel)的背景色.改变图像(plot)区域的背景色 目录
- Python使用matplotlib绘制透明背景的可视化图像并保存透明背景的可视化结果(transparent background)
Python使用matplotlib绘制透明背景的可视化图像并保存透明背景的可视化结果(transparent background) 目录
- Python使用matplotlib可视化自定义背景色实战:自定义可视化图像的背景色(Background Color)
Python使用matplotlib可视化自定义背景色实战:自定义可视化图像的背景色(Background Color) 目录
- css规则中区块block,css常用属性总结:背景background下篇
前言:这段时间天天加班到10:30之后,简直是x了. 在上一篇文章中,分别解析了background各个属性的用法和注意细节.如果我们在项目上使用背景效果,如果使用下面的写法,你可能抓狂. body{ ...
- iOS9 This application is modifying the autolayout engine from a background thread, which
以前在Xcode7之间项目没有问题,但是使用Xcode7后 突然不好使了,This application is modifying the autolayout engine from a back ...
最新文章
- 用OpenGLES实现yuv420p视频播放界面
- id文本框适应文字_国家宣布!快递要大降价?个人ID将取代邮政编码
- 支持实践教学:清华大数据能力提升项目举办CIKM AnalytiCup2017冠军团队经验分享会
- ajax渲染数据到页面_爬虫进阶丨Ajax爬取案例实战
- 2013第51周二eclipse启动优化
- MYSQL基础笔记(三)-表操作基础
- 三班的孩子们,你们现在还好吗?
- arcore_如何使用ARCore和Android Studio构建增强现实Android应用
- 带注释源码php,php的注释方法
- 7.Appium 安卓自动化(Package与Activity)
- 《ArcGIS Runtime SDK for Android开发笔记》——(1)、Android Studio下载与安装
- libcareplus支持的补丁类型
- Python:字符串、列表、元组、字典之间的相互转换
- 信道估计matlab代码
- 企业财务分析方法-杜邦分析法、沃尔评分法、Z值模型
- linux ls 配色方案,Terminal 配色方案
- Servlet.init() for servlet [Global] threw exception
- 从头来过教你PHP脚本语言(先导篇)
- [Android]Android布局文件中的android:id=@*属性使用方法汇总以及介绍
- ncbi查找目的基因序列_干货 | 如何查找目标基因序列?掌握这几招就够了!(NCBI篇)...