做(zuò)自(zì)由與創造的先行(xíng)者

CSS background-image 屬性

CSS中文手冊

定義和(hé)用法

background-image 屬性為(wèi)元素設置背景圖像。

元素的背景占據了(le)元素的全部尺寸,包括內(nèi)邊距和(hé)邊框,但(dàn)不包括外(wài)邊距。

默認地(dì),背景圖像位于元素的左上(shàng)角,并在水平和(hé)垂直方向上(shàng)重複。

提示:請(qǐng)設置一(yī)種可(kě)用的背景顔色,這(zhè)樣的話,假如(rú)背景圖像不可(kě)用,頁面也可(kě)獲得良好的視(shì)覺效果。

詳細說明(míng)

background-image 屬性會在元素的背景中設置一(yī)個圖像。

根據 background-repeat 屬性的值,圖像可(kě)以無限平鋪、沿着某個軸(x 軸或 y 軸)平鋪,或者根本不平鋪。

初始背景圖像(原圖像)根據 background-position 屬性的值放置。

實例

将圖像設置為(wèi)頁面背景:

body

{

background-image: url(bgimage.gif);

background-color: #000000;

}

CSS 語法

background-image: url|none|initial|inherit;

屬性值

描述
url('URL') 指向圖像的路徑。
none 默認值。不顯示背景圖像。
inherit 規定應該從(cóng)父元素繼承 background-image 屬性的設置。
網站建設開(kāi)發|APP設計開(kāi)發|小程序建設開(kāi)發
下(xià)一(yī)篇:CSS background-origin 屬性
上(shàng)一(yī)篇:CSS background-color 屬性