- HTML+CSS+DIV網(wǎng)頁(yè)設(shè)計(jì)與布局(第2版)(微課版)
- 聶斌 張明遙
- 291字
- 2019-10-23 17:37:36
2.4 設(shè)置網(wǎng)頁(yè)背景顏色
在前面章節(jié)中多次使用過(guò)<BODY>元素,不過(guò)在使用<BODY>元素時(shí),都沒(méi)有設(shè)置其屬性值。<BODY>元素的BGCOLOR屬性可以用來(lái)設(shè)置網(wǎng)頁(yè)的背景顏色,其語(yǔ)法格式如下。
<BODY BGCOLOR="背景顏色">網(wǎng)頁(yè)內(nèi)容</BODY>
其中,背景顏色的表示方法與文字顏色的表示方法一樣,可以是顏色的英文單詞,也可以是RGB顏色代碼。
【示例2-14】設(shè)置網(wǎng)頁(yè)的背景顏色為紅色。
01 <HTML>
02 <HEAD>
03 <TITLE>背景顏色</TITLE>
04 </HEAD>
05 <BODY BGCOLOR="#FCC">
06 <PRE>
07 春 夜 喜 雨
08 好雨知時(shí)節(jié),當(dāng)春乃發(fā)生。
09 隨風(fēng)潛入夜,潤(rùn)物細(xì)無(wú)聲。
10 野徑云俱黑,江船火獨(dú)明。
11 曉看紅濕處,花重錦官城。
12 </PRE>
13 </PRE>
14 </BODY>
15 </HTML>
第5行在傳統(tǒng)的<BODY>標(biāo)簽中使用了BGCOLOR屬性,通過(guò)該屬性將頁(yè)面背景設(shè)置為指定顏色。示例2-14運(yùn)行效果如圖2.17所示,可以看出,網(wǎng)頁(yè)的背景顏色已經(jīng)變?yōu)榧t色了。

圖2.17 設(shè)置網(wǎng)頁(yè)背景顏色運(yùn)行效果
推薦閱讀
- 園區(qū)網(wǎng)互聯(lián)及網(wǎng)站建設(shè)
- jQuery網(wǎng)頁(yè)特效設(shè)計(jì)基礎(chǔ)教程(慕課版·第2版)
- Adobe Dreamweaver CS5中文版經(jīng)典教程
- Dreamweaver CC中文版網(wǎng)頁(yè)設(shè)計(jì)與制作從新手到高手
- HTML5+CSS3網(wǎng)頁(yè)設(shè)計(jì)與制作基礎(chǔ)教程
- Illustrator平面設(shè)計(jì)180例五步通
- 社交網(wǎng)站界面設(shè)計(jì)(原書第2版)
- 淘寶店鋪?lái)?yè)面設(shè)計(jì)與裝修實(shí)戰(zhàn)教程
- 巧學(xué)巧用Dreamweaver CS6制作網(wǎng)頁(yè)
- HTML+CSS+JavaScript網(wǎng)頁(yè)制作(第2版)
- 從零開(kāi)始讀懂Web3
- Dreamweaver CS6網(wǎng)頁(yè)設(shè)計(jì)入門、進(jìn)階與提高
- Dreamweaver CS3網(wǎng)站制作炫例精講
- Dreamweaver,F(xiàn)lash,F(xiàn)ireworks網(wǎng)頁(yè)設(shè)計(jì)百練成精(CS3版)
- 網(wǎng)頁(yè)美工設(shè)計(jì)基礎(chǔ)教程