介紹
這篇文章將為大家詳細講解有關CSS中背景圖片位置背景位置怎么用,小編覺得挺實用的,因此分享給大家做個參考css背景圖片固定位置,希望大家閱讀完這篇文章后可以有所收獲。
在背景圖片的背景圖片位置屬性中,背景位置是用來控制元素背景圖片的位置。它接受三種值:
關鍵詞:如,右,下,左,中心
長度值,如px, em,快速眼動等
百分值:%
一般最常用的值或者說最了解的值是關鍵詞和長度值,百分比使用最多的是0%css背景圖片固定位置,50%和100%。
在背景圖片位置屬性中,屬性值一般有2個,第一個代表橫向位置,就是X軸;第二個代表縱向位置,即Y軸,使用兩個屬性值定義背景圖片的起始位置,如果兩個方向的起始位置相同,則可以使用一個值。
其中部分屬性值的含義如下所述:
:背景圖片的初始位置為元素頂部
中心:背景圖片的起始位置為元素中部
左:背景圖片的起始位置為元素左側
右:背景圖片的起始位置為元素右側
底:背景圖片的起始位置為元素底部
舉例:設置背景圖片的位置為左邊、底部,同時定義了背景圖片不平鋪。
效果圖: