html背景圖片屬性background

2012/11/14 17:11:19作者：佚名來源：網(wǎng)絡(luò)

移動端

【實例介紹】

使用恰當(dāng)?shù)膱D片作為背景，能夠使頁面看上去更加生動美觀。使用background屬性可以將圖片設(shè)置為背景，還可以設(shè)置背景圖片的平鋪方式、顯示方式等。

【基本語法】

【語法介紹】

圖片的地址可以是相對地址，也可以是絕對地址。

【實例代碼】


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
<title>頁面背景圖片</title>
</head>
<body background="images/company_ditu.JPG">
</body>
</html>

【代碼分析】

在代碼中，加粗部分的代碼標(biāo)記為設(shè)置的網(wǎng)頁背景圖片company ditu．JPG，在瀏覽器中預(yù)
覽可以看到背景圖像，如圖所示。網(wǎng)頁中的背景設(shè)計是相當(dāng)重要的，好的背景不但能影響訪問者對網(wǎng)頁內(nèi)容的接受程度，還能影響訪問者對整個網(wǎng)站的印象。如圖所示的網(wǎng)頁使用了背景圖像。

頁面的背景圖像

主體元素的背景圖片屬性background運行效果