- HTML+CSS+DIV網(wǎng)頁(yè)設(shè)計(jì)與布局(第2版)(微課版)
- 聶斌 張明遙
- 271字
- 2019-10-23 17:37:36
2.6 設(shè)置背景圖像
使用<BODY>元素的BACKGROUND屬性可以為網(wǎng)頁(yè)指定背景圖片,背景圖片作為背景出現(xiàn)在網(wǎng)頁(yè)文字的下方,其語(yǔ)法格式如下。
<BODY BACKGROUND=" 背景圖片地址">網(wǎng)頁(yè)內(nèi)容</BODY>
其中背景圖片可以是本地文件夾中的圖片,也可以是網(wǎng)絡(luò)中的圖片。如果是網(wǎng)絡(luò)中的圖片,可以用URL地址指定圖片位置。
【示例2-16】為網(wǎng)頁(yè)設(shè)置背景圖片。
01 <HTML> 02 <HEAD> 03 <TITLE>背景圖片</TITLE> 04 </HEAD> 05 <BODY BACKGROUND="2.3.jpg"> 06 <font size="+3"> 07 <PRE> 08 春 夜 喜 雨 09 好雨知時(shí)節(jié),當(dāng)春乃發(fā)生。 10 隨風(fēng)潛入夜,潤(rùn)物細(xì)無(wú)聲。 11 野徑云俱黑,江船火獨(dú)明。 12 曉看紅濕處,花重錦官城。 13 </PRE> 14 </font> 15 </BODY> 16 </HTML>
在第5行為<BODY>標(biāo)記添加BACKGROUND屬性,用指定圖片來(lái)展示頁(yè)面背景。示例2-16運(yùn)行效果如圖2.19所示,可以看出,網(wǎng)頁(yè)的背景已經(jīng)以圖片的形式顯示了。

圖2.19 設(shè)置背景圖片運(yùn)行效果
推薦閱讀
- 網(wǎng)頁(yè)設(shè)計(jì)與制作
- 網(wǎng)站建設(shè)與網(wǎng)頁(yè)設(shè)計(jì)從入門到精通Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript
- 中文版Dreamweaver CS6/Flash CS6/Photoshop CS6網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)培訓(xùn)
- 中文版Flash CC完全自學(xué)教程
- 眾妙之門:網(wǎng)站UI設(shè)計(jì)之道2
- 眾妙之門:自由網(wǎng)站設(shè)計(jì)師成功之道
- 小白實(shí)戰(zhàn)大前端:移動(dòng)端與前端的互通之路
- 網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站建設(shè)從入門到精通
- jQuery Web開發(fā)案例教程(在線實(shí)訓(xùn)版)
- Illustrator平面設(shè)計(jì)180例五步通
- 中文版Dreamweaver CC+Flash CC+Photoshop CC網(wǎng)頁(yè)設(shè)計(jì)實(shí)戰(zhàn)視頻教程
- 巧學(xué)巧用Dreamweaver CS6制作網(wǎng)頁(yè)
- Linux系統(tǒng)與網(wǎng)絡(luò)服務(wù)管理技術(shù)大全(第二版)
- Highcharts網(wǎng)頁(yè)圖表制作實(shí)例詳解 (Web開發(fā)典藏大系)
- Vue應(yīng)用程序開發(fā)