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等

本文转自【66CSS教程网】：(/)[原文地址]：file:///E:/Meterial/Everyday/Articles/background-position—CSS设置背景图片的位置_CSS_CSS教程_CSS+DIV教程_DIV+CSS视频教程-66CSS教程网.mht