backgroundposition

描述
  • top left
  • top center
  • top right
  • center left
  • center center
  • center right
  • bottom left
  • bottom center
  • bottom right

如果您仅规定了一个关键词,那么第二个值将是"center"。

默认值:0% 0%。

x% y%

第一个值是水平位置,第二个值是垂直位置。

左上角是 0% 0%。右下角是 100% 100%。

如果您仅规定了一个值,另一个值将是 50%。

xpos ypos

第一个值是水平位置,第二个值是垂直位置。

左上角是 0 0。单位是像素 (0px 0px) 或任何其他的 CSS 单位。

如果您仅规定了一个值,另一个值将是50%。

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

background-position 他跟坐标系一样。第一个参数表示x的值 第二个参数表示y的值。当x为100%是表示在指定区域内的最右边 当 y的100%时 表示在指定区域内的最左边。并且数值与百分比是可以一起嵌套使用的。

原文地址:https://www.cnblogs.com/luhangnote/p/2683269.html