CSS3的background-size：设置背景图片大小

说明

background-size: length|percentage|cover|contain;

此属性是用来设置：背景图片的大小

length|percentage|：是用来设定背景图片的大小相对于背景区域来说的

cover：此时会保持图像的纵横比并将图像缩放成将完全覆盖背景定位区域的最小大小。意思是背景图片保持纵横比的最小的

contain:此时会保持图像的纵横比并将图像缩放成将适合背景定位区域的最大大小。意思是背景图片不用完全

例子

CSS3的background-size：设置背景图片大小相关推荐

YDOOK : CSS div 设置背景图片大小自动缩放
YDOOK : CSS div 设置背景图片大小自动缩放设置示例: 选择器{width:100%;height:100%;background-repeat:no-repeat:background ...
css设置背景图片缩小,css3 设置背景图片大小（缩略图形式缩小）
[译]libev和libevent的设计差异本文译自what's the difference between libev and libevent? 作者是libev作者 [问]两个库都是为异步i ...
java改变背景图片大小,设置背景图片大小相同的的Java应用程序窗口/屏幕
I would like to set a background image the same size as my window/screen. I would prefer to do this ...
css设置div背景图片大小，适应宽度
问题: 没有通过css设置背景图片大小时候,背景图按照真实图片大小展示,会出现超出或者过小情况,如下是图片width:1920px 超出页面设计的1320px,效果如下真实图片是这样的解决方法通 ...
QT设置背景图片的三种方式
QPalette的方法基本步骤: (1). 首先设置QWidget的autoFillBackground属性为真 (2). 然后定义一个QPalette对象,设置QPalette对象的背景属性(颜色 ...
android thumb大小,Android 设置thumb图片大小
xml: android:thumb="@drawable/seekbar_thumb" seekbar_thumb.xml: 修改为: private int seekWidth ...
java改变背景图片大小_java编写界面设置背景图片的大小
设置背景图片大小跟电脑屏幕大小一致: 方法: ImageIcon background = new ImageIcon("res\\index.jpg"); Dimension s ...
给body设置背景图片
效果代码 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF- ...
idea自定义壁纸_IDEA优化配置--- Intellij IDEA 2017 / 2018设置背景图片与透明度
一.前言: IDEA中主题可以更换,大家可以直接到 http://www.riaway.com/ 网站,直接下载自己喜欢的主题.然后导入进去IDEA中,IDEA中代码编辑器和控制台的字体颜色和背景就 ...

CSS3的background-size：设置背景图片大小

说明

例子

CSS3的background-size：设置背景图片大小相关推荐

最新文章

热门文章