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

html背景圖片屬性background

2012/11/14 17:11:19作者：佚名來源：網絡

移動端

【實例介紹】

html背景圖片屬性background

使用恰當的圖片作為背景，能夠使頁面看上去更加生動美觀。使用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>

【代碼分析】

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

頁面的背景圖像

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

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

【素材及源碼下載】

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

標簽：背景

上一篇：Photoshop抽出濾鏡分離背景摳圖教程
下一篇：鎖定qq有什么用，一鍵鎖定QQ保護隱私

相關文章

熱門軟件/ 推薦游戲/ 手機軟件

資訊分類

Dreamweaver Flash DIV+CSS 編程其他

推薦教程

精品軟件推薦

360安全衛士

訊飛輸入法

欧美一级一极性活片免费观看,欧美一级艳片欧美精品,欧美一级性爱大片,欧美一级囗交视频视频,欧美一级特黄录像视频