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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/270292.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

良性计算机病毒对计算有没有危害机系统,154、计算机病毒有良性和恶性之分,其中, – 手机爱问...

2016-10-09胃溃疡有良性和恶性之分吗胃溃疡最大的危害来自并发症1、出血&#xff1a;出血是溃疡发生到一定的程度的侵蚀到溃疡周围的血管使血管破裂所致其出血量的多少及对病人生命的危害程度撒于受到损伤的血管的大小当溃疡损伤的为毛细血管时一般对病人危害较小也不容易被发现…

办公技巧:分享12个实用的word小技巧,欢迎收藏

目录 1、 Word表格自动填充序号 2、 Word中快速输星期 3、 快速粘贴网页内容 4、 快速转换大写金额 5、 去掉自动编号功能 6、画出不打折的直线 7、加减乘除快速输入 8、部分加粗表格线 9、打造整齐的Word公式 10、文字旋转 11、去除默认的输入法 12、翻译文字 今天给大家分享1…

计算机组成SRAM,静态读写存储器(SRAM)-计算机组成原理与汇编语言-电子发烧友网站...

4.2.1 静态读写存贮器( SRAM )1.概述静态读写存贮器(SRAM)使用十分方便&#xff0c;在微型计算机领域获得了极其广泛的应用。现以一块典型的SRAM芯片为例说明其外部特性及工作过程。(1) 8K8bit的CMOSRAM芯片 ① 引线功能。6264(6164)有28条引出线&#xff0c;它们包括&#xff…

电脑技巧:如何开机进入纯净的Windows系统

电脑在使用&#xff0c;软件在增多&#xff0c;时间一久必然会让系统越来越卡顿。 那么这时候&#xff0c;我们第一时间做的就是清理垃圾缓存了&#xff0c;大家都想系统干净些&#xff0c;但效果是怎么样的呢&#xff1f;基本上都不尽如意。 对此&#xff0c;为了真正解决这些…

(2021年)IT技术分享社区个人文章汇总(编程技术篇)

2021年即将成为过去&#xff0c;崭新的2022年即将到来&#xff0c;小编坚持每天给大家分享IT技术相关的文章&#xff0c;希望小编分享的文章能够给大家在日常的工作当中&#xff0c;带来一点帮助。也感谢大家对本公众号的支持&#xff0c;未来我会坚持创作&#xff0c;给大家分…

Android Studio快捷键

Android Studio常用快捷键 CtrlG / CtrlAltShiftG&#xff1a;查询变量或者函数或者类在哪里被使用或被调用&#xff0c;后者是前者的复杂表现&#xff0c;可以选择查询范围等。AltH&#xff1a;查找功能&#xff0c;全局查找F4&#xff1a;查看类继承关系F2&#xff1a;查看文…

相对不容易用计算机语言编程实现的是,在描述算法的方法中,相对不容易用计算机语言编程实现的是(    )....

【单选题】点作曲线运动,若其法向加速度越来越大,则该点的速度 __________________ 。【判断题】昆虫一个品系对一种杀虫剂产生抗性后,反而对另一种未用过的药剂更敏感的现象,叫交互抗性。【判断题】理财顾问服务是指商业银行向客户提供的财务分析与规划、投资建议、个人投资产…

网络知识:核心交换机概念知识介绍

一、背板带宽 背板带宽也称交换容量&#xff0c;是交换机接口处理器或接口卡和数据总线间所能吞吐的最大数据量&#xff0c;就像是立交桥所拥有的车道的总和。由于所有端口间的通信都需要通过背板完成&#xff0c;所以背板所能提供的带宽&#xff0c;就成为端口间并发通信时的瓶…

getchar的利用

/*以每行一个单词的形式打印其输入 */ getchar putchar函数&#xff0c;是逐个打印和输入&#xff08;逐个循环打印&#xff09; #include <stdio.h>int main() { int c; while( (c getchar()) ! EOF)if(c || c \n || c \t) printf("\n"); else putcha…

杭州高职单招计算机试题,河北省高职单招职业技能练习题20

河北省高职单招职业技能练习题20一、单项选择题1&#xff0e;《在那遥远的地方>是( )的民歌。A&#xff0e;四川 B&#xff0e;江苏 C&#xff0e;蒙古 D&#xff0e;青海2.以下不属于广东音乐的是( )。A&#xff0e;彩云追月 B&#xff0e;平湖秋月 C&…

jvm指令重排原因?怎么避免?

原因&#xff1a;计算机内存操作速度远慢于CPU运行速度&#xff0c;所以就造成CPU空置&#xff0c;为了将提高CPU利用率&#xff0c;虚拟机会按照自己的一些规则会跳过执行慢的代码&#xff0c;去执行快的代码&#xff08;即对代码重新排序&#xff09;&#xff0c;从而提升jvm…

appframework3.0(JQmobi)入门教程

2015-03-31 22:02 2011人阅读 评论(0) 收藏 举报 版权声明&#xff1a;本文为博主原创文章&#xff0c;未经博主允许不得转载。 appframework3.0好像是3月24日发布的&#xff0c;今天31号&#xff0c;发现和之前的appframework2.1 || 2.2并不同。 jqmobi3.0中不在支持 data-…

数据库:推荐几款 Redis 可视化工具,你都用过吗?

目录 1. 命令行 3. Redis Desktop Manager 4.medis 5.AnotherRedisDesktopManager 6.FastoRedis 7.RedisPlus 8.Red 9.Redis Insight 10.Iedis2 11.总结 1. 命令行 不知道大家在日常操作redis时用什么可视化工具呢&#xff1f; 以前总觉得没有什么太好的可视化工具&#xff0c;…

计算机会计学ufo报表,ufo报表实验报告(共10篇).doc

ufo报表实验报告(共10篇)ufo报表实验报告(共10篇) UFO报表实验报告齐鲁工业大学实验报告 成绩课程名称会计电算化指导教师 实验日期 2014/5/21院(系) 商学院 专业班级会计3班实验地点 商学院机房学生姓名 学号 同组人无实验项目名称UFO报表管理一、 实验目的和要求1. 理解报表编…

总线(Bus)

总线&#xff08;Bus&#xff09;是计算机各种功能部件之间传送信息的公共通信干线&#xff0c;它是由导线组成的传输线束&#xff0c;按照计算机所传输的信息种类&#xff0c;计算机的总线可以划分为数据总线、地址总线和控制总线&#xff0c;分别用来传输数据、数据地址和控制…

怎么使用Docker搭建PHP开发环境呢?

在Docker流行之前&#xff0c;要搭建开发环境通常有两种选择&#xff1a;一种是使用wamp、xampp、mamp等集成开发环境安装包&#xff0c;另外一种就是使用普通虚拟机来安装linux服务器&#xff0c;然后通过下载一键安装包&#xff08;如&#xff1a;lnmp&#xff09;或者逐个安…

带你理解 只读事务(@Transactional(readOnly = true)

概念&#xff1a;从这一点设置的时间点开始&#xff08;时间点a&#xff09;到这个事务结束的过程中&#xff0c;其他事务所提交的数据&#xff0c;该事务将看不见&#xff01;&#xff08;查询中不会出现别人在时间点a之后提交的数据&#xff09; 应用场合&#xff1a; 如果…