CSS background-position属性用于设置背景图片在元素内的位置。它可以接受两个值,分别表示水平方向和垂直方向的位置。
常用的取值方式有:
- 百分比值:表示相对于元素的宽度和高度的百分比。例如,"background-position: 50% 50%;"表示将背景图片水平和垂直都居中。
- 长度值:表示相对于元素的长度单位。例如,"background-position: 10px 20px;"表示将背景图片在水平方向移动10像素,在垂直方向移动20像素。
- 关键字值:常用的关键字有"center"表示居中,"top"表示顶部,"bottom"表示底部,"left"表示左侧,"right"表示右侧等。
通过设置background-position属性,可以调整背景图片在元素内的位置,实现不同的布局效果。