php 调整背景图片尺寸,background-size背景图片尺寸属性

background-size语法

w3c对background-size的语法规定如下：属性名:background-size

属性值:* 其中 bg-size = [ | | auto ]{1,2} | cover | contain

初始值:auto auto

应用于:所有元素

继承性:无

百分比:见下文注解

计算值:根据指定

语法解释

1、length，percentage，根据给定长度值或者百分比来调整背景图片大小。auto为默认值，这三个值最小可重复一次，最大重复两次。对于这些值有以下解释：

第一个值为设置图片宽度，第二个值为图片的高度；但是不管是用什么值，都不能为负值

假如只给定一个值，那么第二个自动的为 'auto'；

假如指定为percentage百分比值，那么背景图大小是根据相对的背景区域来做调整，这个背景区域是由background-origin来来决定的。这在上面已经有提到过了关于图片原点的讨论。这里有必要提到假如background-attachment:fixed，那么其背景相对区域就是初始包含块也就是视窗。

/* 一个值: 这个值指定图片的宽度，那么第二个值为auto */

background-size: auto

background-size: 50%

background-size: 3em

background-size: 12px

/* 两个值: 第一个值指定图片的宽度，第二个值指定图片的高度 */

background-size: 50% auto

bac

php 调整背景图片尺寸,background-size背景图片尺寸属性相关推荐

html css设置背景图片,css background之设置图片为背景技巧
Bac公斤round是什么含义,翻译过来有配景意义.异样在css内中作为css属性一成员同样是有后援含义,何况是设置装备摆设后盾图片.布景色调.布景图片截取等款式. 起首先来看看bac公斤round有 ...
CSS: div高度自动适应背景图片的高度 How to get div height to auto-adjust to background size?...
原文:CSS: div高度自动适应背景图片的高度 How to get div height to auto-adjust to background size? 其实方法非常简单,直接写代码: &l ...
html中body如何设置图片,如何调整body标记中的html背景图片的大小
我想在我的html中使用背景图片(bg.png),但我想调整图片的大小,所以它会始终填充整个页面.我这样做是这样的:如何调整body标记中的html背景图片的大小 .stretch { width:1 ...
背景图片html写法,CSS3背景图片background属性简写/连写
在开发中背景属性 background 还是很常用的, background 有很多属性,如: background-color 背景颜色 background-image 背景图像 backgrou ...
.net的label的背景如何设置成为透明_css如何设置背景图片？background属性添加背景图片...
在前端开发过程中,为了页面的美观,往往都会给html页面添加背景图片.那么如何利用css设置html中用图片做背景?本章就给大家介绍css怎样设置背景图片.有一定的参考价值,有需要的朋友可以参考一下, ...
Java调整图片大小合并PNG图片生成ICON(保持背景透明)
1.重新调整图片到合适尺寸(有压缩图片功能) /*** * 功能描述: <br>* 〈调整图像到固定大小〉** @param srcImageFile 源图像文件地址* @param de ...
html背景和框如何居中显示图片,巧用background属性实现图片居中
想必大家都常被页面居中这个问题困扰吧,这里简单分享一下一个使用background样式属性来实现图片居中的新用法. 很久以前本骚年常用image.onload()这样的方式获取图片大小再进行调整,得到 ...
CSS background（背景图片）详解
"在前端开发过程中,为了页面的美观,往往都会给html页面添加背景图片.那么如何利用css设置html中用图片做背景?本章就给大家介绍css怎样设置背景图片.有一定的参考价值,有需要的朋友可 ...
【HTML】背景色（bgcolor），背景图片（background），字体（font）
<!-- 内容: 1.body的背景颜色设置--bgcolor 2.body的背景图片设置--background 3.table的背景色设计--bgcolor 4.字体属性设置--color, ...
css如何设置背景图片？background属性添加背景图片
在前端开发过程中,为了页面的美观,往往都会给html页面添加背景图片.那么如何利用css设置html中用图片做背景?本章就给大家介绍css怎样设置背景图片.有一定的参考价值,有需要的朋友可以参考一下, ...

php 调整背景图片尺寸,background-size背景图片尺寸属性

php 调整背景图片尺寸,background-size背景图片尺寸属性相关推荐

最新文章

热门文章