（转）background-position—CSS设置背景图片的位置

background-position ：在 CSS 中通过 background-position 属性可以调整背景图片的位置。因为在默认情况下背景图片都是从设置了 background-position 属性的标记（例如 body 标记）在左上角开始出现的，但实际制作时设计者往往希望背景图片出现在指定的位置

background-position：在CSS中通过background-position属性可以调整背景图片的位置。因为在默认情况下背 景图片都是从设置了background-position属性的标记（例如body标记）在左上角开始出现的，但实际制作时设计者往往希望背景图片出现 在指定的位置。

background-position属性值：

属性值
 效果
 
百分比
 如：background-position:30% 70%
 
top
 顶部
 
left
 左边
 
right
 右边
 
bottom
 底部
 
center
 居中
 
Bottom right
 右下方
 

 

通过代码“background-position:30% 70%”的设置，使得背景图片的中心点在水平方向上处于30%的位置，在竖直方向上则位于70%的位置。

上面提到的“Bottom right”外，background-position的值还可以设置为top left、top center、top right、center left、center right、bottom left和bottom center等

转载于:https://www.cnblogs.com/ronle/p/3384552.html