background-position

background-position

CreateTime--2018年3月21日15:08:52

Author:Marydon

作用:设置背景图像的起始位置。

前提:首先得有背景图像,由background-image定义。

语法:

  1.使用关键词;

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

  • top left
  • top center
  • top right
  • center left
  • center center
  • center right
  • bottom left
  • bottom center
  • bottom right

  2.使用百分比%;

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

  左上角是 0% 0%,右下角是 100% 100%;

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

  3.使用像素px;
  第一个值是水平位置,第二个值是垂直位置;

  左上角是 0 0;

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

  4.混合使用 % 和 position 值。

   

原文地址:https://www.cnblogs.com/Marydon20170307/p/8617288.html