美文网首页
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