美文网首页
background-position

background-position

作者: 李霖弢 | 来源:发表于2019-08-19 14:54 被阅读0次

可能的值

关键词

top bottom left right center
如果仅规定了一个关键词,则第二个值将是"center"。

x% y% (默认值:0% 0%)

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

xpos ypos

第一个值是水平位置,第二个值是垂直位置。
左上角是 0 0。单位是像素 (0px 0px) 或任何其他的 CSS 单位。
如果仅规定了一个值,另一个值将是50%。
可以混合使用 % 和 position 值。

当需要设置right/bottom距离时
  • background-position: right 20px bottom 10px;
  • 或使用calc语法
    background-position: calc(100% - 20px) calc(100% - 10px);

相关文章

网友评论

      本文标题:background-position

      本文链接:https://www.haomeiwen.com/subject/xpwssctx.html