x 坐标的方位 和 y 坐标的方位 , 二者使用空格隔开 ;
顺序无关 : 如果指定了两个方位值 , 则 自动匹配顺序 , 先后顺序无关 , left top 与 top left 效果相同 ,...都是左上角 ;
设置一个值 : 如果 只设置了一个方位值 , 那么另外一个默认居中对齐 , 如 :
设置了 left , 则垂直方向居中对齐 ;
设置了 top , 则水平方向居中对齐 ;...垂直方向默认居中设置 ;
同时设置放位和坐标 : 第一个值默认是 x 坐标 , 第二个值为 y 坐标 ;
二、背景位置-方位值设置
----
1、效果展示
效果展示 :
设置背景位置为 右上角 : 粉色区域是盒子的区域..., 图片背景位于盒子右上角 ;
/* 设置背景位置 - 右上角 */
background-position: right top;
设置背景位置为 左下角 : 粉色区域是盒子的区域 , 图片背景位于盒子左下角...指定一个值 另一个默认居中 : 粉色区域是盒子的区域 , 图片背景位于盒子的位置为 垂直方向位于顶部 , 水平方向居中 ;
/* 设置背景位置 - 指定一个值 另一个默认居中 */
background-position