background-color
值為顏色值或transparent
二者選其一,默認值是transparent
(透明)。
顏色值可以為16進制顏色碼或者RGB顏色值,也可以是英文代碼。不建議使用英文代碼,不同瀏覽器對不同顏色代碼處理的效果有可能不同。
設置背景顏色作為后備也是很重要的。背景顏色在各處都得到了支持,而背景梯度等更奇異的特性只在較新的瀏覽器中得到支持,加上背景圖像可能由于某種原因無法加載。因此,設置基本的背景顏色和指定這些特性是一個好主意,因此無論如何,元素的內容都是可讀的。
background-image
指定顯示的背景圖片,用url()
設置路徑。
默認的圖片重復方式為水平垂直皆重復。
background-repeat
指定背景圖像如何重復的,默認值是repeat
(一直重復,直到整個元素的背景被填充)
值 | 描述 |
---|---|
no-repeat | 不重復 |
repeat | 垂直和水平都重復 |
repeat-x | X軸方向(水平)重復 |
repeat-y | Y軸方向(垂直)重復 |
background-position
指定定位背景圖片的位置,原點為左上角(0,0)。
可輸入兩個值代表 X 軸和 Y 軸,也可以只輸入一個值。
可輸入長度值(px等)、相對值(rem等)、百分比、關鍵字(left
,center
,right
,top
,bottom
)
若只輸入一個值,則代表 X 軸的值,Y 軸變成center
值可以混搭,如background-position:9px top;
background-attachment
指定當內容滾動時背景如何滾動。
值 | 描述 |
---|---|
scroll | 默認值。滾動,背景圖隨著頁面的滾動而移動。 |
fixed | 固定,當頁面的其余部分滾動時,背景圖像不會移動。 |
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com