當前位置:軟件學堂 > 資訊首頁 > 網(wǎng)絡編程 > DIV+CSS > html背景圖片屬性background

html背景圖片屬性background

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

移動端

【實例介紹】

html背景圖片屬性background

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

【基本語法】

<body background="圖片的地址">

【語法介紹】

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

【實例代碼】

<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>

【代碼分析】

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

                                                   頁面的背景圖像

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

                                                          使用背景圖像的網(wǎng)頁效果
主體元素的背景圖片屬性background運行效果

【素材及源碼下載】

請點擊:主體元素的背景圖片屬性background 下載本實例相關素材及源碼

 

標簽: 背景  background