background:url(./images.png) no-repeat 0 center的用法

background:url(./images.png) no-repeat 0 center;  //图像地址 不重复 水平位置0 垂直位置居中
background:url(./images.png) no-repeat -10px -5px;

background:url(./images.png) no-repeat 0 center;
的意思是图像地址不重复水平位置0 垂直位置居中

0 center 的意思就是水平位置0 垂直位置居中
-10px -2px 的意思就是水平位置-10px 垂直位置-2px

这两个值和background-position 属性是一样的，即设置背景图像的起始位置。
这个属性设置背景原图像的位置，背景图像如果要重复，将从这一点开始。
默认值：0% 0%
可能的值
top left
top center
top right
center left
center center
center right
bottom left
bottom center
bottom right (以上，如果您仅规定了一个关键词，那么第二个值将是"center"。)

x% y% ( 第一个值是水平位置，第二个值是垂直位置。左上角是 0% 0%。右下角是 100% 100%。如果您仅规定了一个值，另一个值将是 50%。)

mpx npx (第一个值是水平位置，第二个值是垂直位置。左上角是 0 0。单位是像素 (0px 0px) 或任何其他的 CSS 单位。如果您仅规定了一个值，另一个值将是50%。)

您可以混合使用 % 和 position 值。

作者：tianlinzhao
链接：https://www.jianshu.com/p/a32ce8714b1d
来源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。

转载于:https://www.cnblogs.com/andyZhang0511/p/11136563.html

background:url(./images.png) no-repeat 0 center的用法相关推荐

background:url(../images/list01.png) no-repeat 0 center;是什么意思
例子: background:url(../images/list01.png) no-repeat 0 center; background:url(../images/bg.png) no-rep ...
HttpException: 503: Server Error for url:http://cic-1:9696/v2.0/security-groups, Service Unavailable
1.报错信息在部署openstack之后,创建安全组时,出现如下问题: Error while executing command: HttpException: 503, The server i ...
openstack中 Server Error for url: http://controller:9696/v2.0/agents, Internal Server Error
openstack之http://controller:9696/v2.0/agents, Internal Server Error [root@controller ~]# openstack n ...
div设置背景图background:url
<div style="background:url('./bailu.png');background-size:100%;height:600px;"> 122 & ...
C语言（条件编译#ifdef、#ifndef）（#if 常量，#if 1，#if 0）的用法
当屏蔽掉大块代码时,使用"#if 0"比使用"/**/"要好,因为用"/**/"做大段的注释要防止被注释掉的代码中有嵌套的"/** ...
C#6.0中$的用法
C#6.0中$的用法这里注意只有VS2015及以上VS版本才支持这样写! 如果使用vs2015以下版本就去用string.format()吧! //C#6.0中$的用法:是为了替代string.fo ...
【shell】dirname $0和readlink用法
转自:shell的dirname $0和readlink用法获取当前脚本路径 path.sh #!/bin/bash path=$(cd `dirname $0`;pwd) echo $path p ...
Linux的readlink与dirname $0和readlink用法以及sed的使用，Linux系统盘和数据盘的查看等整理汇总
Linux与Shell相关命令整理 dirname $0和readlink用法获取当前脚本路径 path.sh dirname $0 只是获取的当前脚本的相对路径. #!/bin/bash path ...
Could not build url for endpoint ‘http://127.0.0.1:5000/ ‘.
盘点flask切换默认端口打开遇到的那些坑 sqlalchemy.exc.OperationalError: (pymysql.err.OperationalError) (2003, Cant co ...

background:url(./images.png) no-repeat 0 center的用法

background:url(./images.png) no-repeat 0 center的用法相关推荐

最新文章

热门文章