CSS中,圖片位置可以通過background-position屬性來控制。該屬性可以指定背景圖片在元素內(nèi)部的位置。
.example { background-image: url('example.jpg'); background-position: center top; }
上面的代碼表示在類名為example的元素中,背景圖片的位置位于元素的中心頂部。
background-position屬性接受一對值,用空格隔開。第一個值表示水平方向的位置,可以是關(guān)鍵字(如left、center、right)或像素值、百分比等。第二個值表示垂直方向的位置,也可以是關(guān)鍵字或像素值、百分比等。
.example { background-image: url('example.jpg'); background-position: 10px 20px; }
上面的代碼表示在類名為example的元素中,背景圖片位置位于元素左上角的橫坐標(biāo)10像素、縱坐標(biāo)20像素處。
如果只提供一個值,則第二個值默認為50%。如果兩個值都是百分比,則表示相對于元素本身的寬度和高度。
總之,通過background-position屬性可以輕松控制元素中背景圖片的位置。