定義和(hé)用(yòng)法
background-image 屬性爲元素設置背景圖像。
元素的背景占據了(le)元素的全部尺寸,包括内邊距和(hé)邊框,但(dàn)不包括外(wài)邊距。
默認地,背景圖像位于元素的左上(shàng)角,并在水(shuǐ)平和(hé)垂直方向上(shàng)重複。
提示:請(qǐng)設置一種可用(yòng)的背景顔色,這(zhè)樣的話(huà),假如背景圖像不可用(yòng),頁面也(yě)可獲得良好(hǎo)的視(shì)覺效果。
詳細說明(míng)
background-image 屬性會(huì)在元素的背景中設置一個圖像。
根據 background-repeat 屬性的值,圖像可以無限平鋪、沿着某個軸(x 軸或 y 軸)平鋪,或者根本不平鋪。
初始背景圖像(原圖像)根據 background-position 屬性的值放(fàng)置。
實例
将圖像設置爲頁面背景:
body
{
background-image: url(bgimage.gif);
background-color: #000000;
}
CSS 語法
background-image: url|none|initial|inherit;
屬性值
值 | 描述 |
---|---|
url('URL') | 指向圖像的路徑。 |
none | 默認值。不顯示背景圖像。 |
inherit | 規定應該從(cóng)父元素繼承 background-image 屬性的設置。 |