背景色 background-color
默認(rèn)值:transparent期虾,透明色
背景圖像 background-image
把圖片放入背景,應(yīng)用于所有元素
如果出于某種原因無(wú)法加載圖像,用戶(hù)代理就會(huì)使用指定的背景色取代圖像蔗包,如下
有方向的重復(fù) background-repeat
repeat:導(dǎo)致圖像在水平垂直方向上都平鋪
repeat-x:在水平方向上鋪滿(mǎn)
repeat-y:在垂直方向上鋪滿(mǎn)
no-repeat:不允許圖像在任何方向上平鋪(圖像不能重復(fù))
背景定位 background-position
應(yīng)用于塊級(jí)元素和替換元素
值:left、right巧鸭、top瓶您、center、bottom纲仍、inherit
還可以用長(zhǎng)度值或者百分?jǐn)?shù)值
background-position:top right 表示右上角
位置關(guān)鍵字可以按任何順序出現(xiàn)呀袱,只要保證不能超過(guò)兩個(gè)關(guān)鍵字,一個(gè)是水平方向郑叠,另一個(gè)是垂直方向夜赵。
如果只出現(xiàn)了一個(gè)關(guān)鍵字,則認(rèn)為另一個(gè)關(guān)鍵字是center乡革。
百分?jǐn)?shù)值 (可以負(fù)值)
默認(rèn)值是0% 0%
百分?jǐn)?shù)值同時(shí)應(yīng)用于元素和原圖像寇僧,圖像位于0% 0%則是左上角,100% 100%則是右下角沸版,50% 50%則是居中
如果只聲明一個(gè)百分?jǐn)?shù)值嘁傀,就意味著垂直位置等于50%
長(zhǎng)度值(可以負(fù)值)
關(guān)聯(lián) background-attachment
可以聲明原圖像相對(duì)于可視區(qū)是固定的,不會(huì)受滾動(dòng)的影響视粮,而且原圖像的放置由可視區(qū)的大小確定心包。
默認(rèn)值:scroll 會(huì)導(dǎo)致背景隨其余文檔滾動(dòng),而且窗口大小調(diào)整時(shí)馒铃,不一定改變?cè)瓐D像的位置蟹腾。
fixed:原元素會(huì)根據(jù)視窗定位,背景模式都從視窗的左上角開(kāi)始平鋪区宇,而不是從單個(gè)元素的左上角開(kāi)始娃殖。
匯總 background
這個(gè)屬性可以從各個(gè)其他背景屬性取一個(gè)值,而且可以采用任何順序
沒(méi)有必不可少的值议谷。
他是一個(gè)簡(jiǎn)寫(xiě)屬性炉爆,默認(rèn)值會(huì)覆蓋先前為給定的元素指定的值
如下: