CSS background-position屬性用于設置背景圖片在元素內的位置。它可以接受兩個值,分別表示水平方向和垂直方向的位置。
常用的取值方式有:
百分比值:表示相對于元素的寬度和高度的百分比。例如,"background-position: 50% 50%;"表示將背景圖片水平和垂直都居中。
長度值:表示相對于元素的長度單位。例如,"background-position: 10px 20px;"表示將背景圖片在水平方向移動10像素,在垂直方向移動20像素。
關鍵字值:常用的關鍵字有"center"表示居中,"top"表示頂部,"bottom"表示底部,"left"表示左側,"right"表示右側等。
通過設置background-position屬性,可以調整背景圖片在元素內的位置,實現不同的布局效果。