CSS background-image 屬性

2022-06-02 14:32 更新

CSS background-image 屬性

實(shí)例

設(shè)置body元素的背景圖像:

body
{
background-image:url('paper.gif');
background-color:#cccccc;
}

嘗試一下 ?

標(biāo)簽定義及使用說(shuō)明

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

元素的背景是元素的總大小,包括填充和邊界(但不包括邊距)。

默認(rèn)情況下,background-image放置在元素的左上角,并重復(fù)垂直和水平方向。

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


瀏覽器支持

表格中的數(shù)字表示支持該屬性的第一個(gè)瀏覽器版本號(hào)。

緊跟在 -webkit-, -ms- 或 -moz- 前的數(shù)字為支持該前綴屬性的第一個(gè)瀏覽器版本號(hào)。

Property          
background-image 1.0 4.0 1.0 1.0 3.5

注意 IE8 和更早版本的瀏覽器不支持多個(gè)背景圖像在一個(gè)元素

注意IE7和更早的版本不支持"繼承"的值。 IE8需要定義!DOCTYPE。 IE9支持"繼承"。


提示和注釋

Tip: 務(wù)必設(shè)置背景色,如果圖像是不可用,將被使用。


屬性值

說(shuō)明
url('URL') 圖像的URL
none 無(wú)圖像背景會(huì)顯示。這是默認(rèn)
inherit 指定背景圖像應(yīng)該從父元素繼承


Examples

在線實(shí)例

多個(gè)背景圖片
本實(shí)例演示了文檔中多個(gè)背景圖像。


相關(guān)文章

CSS 教程: CSS Background

CSS3 教程: CSS3 Backgrounds

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)