做自(zì)由與創造的先行者

CSS background-image 屬性

CSS中文(wén)手冊

定義和(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 屬性的設置。
網站(zhàn)建設開(kāi)發|APP設計(jì)開(kāi)發|小(xiǎo)程序建設開(kāi)發
下(xià)一篇:CSS background-origin 屬性
上(shàng)一篇:CSS background-color 屬性