CSS background-image 屬性 · W3School CSS 參考手冊

# CSS background-image 屬性 ## 實例 ``` body { background-image: url(bgimage.gif); background-color: #000000; } ``` ## 瀏覽器支持 | IE | Firefox | Chrome | Safari | Opera | | --- | --- | --- | --- | --- | 所有瀏覽器都支持 background-image 屬性。注釋：任何版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。 ## 定義和用法 background-image 屬性為元素設置背景圖像。元素的背景占據了元素的全部尺寸，包括內邊距和邊框，但不包括外邊距。默認地，背景圖像位于元素的左上角，并在水平和垂直方向上重復。提示：請設置一種可用的背景顏色，這樣的話，假如背景圖像不可用，頁面也可獲得良好的視覺效果。 ### 詳細說明 background-image 屬性會在元素的背景中設置一個圖像。根據 [background-repeat](/cssref/pr_background-repeat.asp "CSS background-repeat 屬性") 屬性的值，圖像可以無限平鋪、沿著某個軸（x 軸或 y 軸）平鋪，或者根本不平鋪。初始背景圖像（原圖像）根據 [background-position](/cssref/pr_background-position.asp "CSS background-position 屬性") 屬性的值放置。 | 默認值： | none | | --- | --- | | 繼承性： | no | | --- | --- | | 版本： | CSS1 | | --- | --- | | JavaScript 語法： | _object_.style.backgroundImage="url(stars.gif)" | | --- | --- | ## 可能的值 | 值 | 描述 | | --- | --- | | url('_URL_') | 指向圖像的路徑。 | | none | 默認值。不顯示背景圖像。 | | inherit | 規定應該從父元素繼承 background-image 屬性的設置。 | ## TIY 實例 [將圖像設置為背景](/tiy/t.asp?f=csse_background-image) 本例演示如何將圖像設置為背景。 ``` <html> <head> <style type="text/css"> body {background-image:url(/i/eg_bg_04.gif);} </style> </head> <body></body> </html> ``` ## 相關頁面 CSS 教程：[CSS 背景](/css/css_background.asp "CSS 背景") HTML DOM 參考手冊：[backgroundImage 屬性](/jsref/prop_style_backgroundimage.asp "HTML DOM backgroundImage 屬性")