您現(xiàn)在的位置： 365建站網(wǎng) > 建站教程 > css教程 > CSS background-image 屬性

CSS background-image 屬性

此節(jié)有 153 人學(xué)習(xí)過(guò) 參與評(píng)論

實(shí)例

body
  { 
  background-image: url(bgimage.gif);
  background-color: #000000;
  }

IE	Firefox	Chrome	Safari	Opera

所有瀏覽器都支持 background-image 屬性。

注釋：任何版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。

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

元素的背景占據(jù)了元素的全部尺寸，包括內(nèi)邊距和邊框，但不包括外邊距。

默認(rèn)地，背景圖像位于元素的左上角，并在水平和垂直方向上重復(fù)。

提示：請(qǐng)?jiān)O(shè)置一種可用的背景顏色，這樣的話，假如背景圖像不可用，頁(yè)面也可獲得良好的視覺(jué)效果。

background-image 屬性會(huì)在元素的背景中設(shè)置一個(gè)圖像。

根據(jù) background-repeat 屬性的值，圖像可以無(wú)限平鋪、沿著某個(gè)軸（x 軸或 y 軸）平鋪，或者根本不平鋪。

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

默認(rèn)值：	none
繼承性：	no
版本：	CSS1
JavaScript 語(yǔ)法：	object.style.backgroundImage="url(stars.gif)"

值	描述
url('URL')	指向圖像的路徑。
none	默認(rèn)值。不顯示背景圖像。
inherit	規(guī)定應(yīng)該從父元素繼承 background-image 屬性的設(shè)置。