?? 5-6-5.cfm.htm
字號(hào):
<html>
<head>
<title>使用圖象作為背景</title>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb_2312-80">
<meta NAME="GENERATOR" CONTENT="Microsoft FrontPage 3.0">
</head>
<body>
<font FACE="宋體"><b>
<p ALIGN="JUSTIFY">使用圖象作為背景</p>
</b></font><font FACE="宋體" SIZE="3">
<p ALIGN="JUSTIFY">你可通過使用背景圖象而使你的網(wǎng)頁取得顯著改觀，背景圖象將會(huì)在你網(wǎng)頁上的其它所有的元素底下平鋪開來。背景圖象越小，重復(fù)的次數(shù)越多，看下面的例子：</p>
<p ALIGN="JUSTIFY"><HTML></p>
<p ALIGN="JUSTIFY"><HEAD></p>
<p ALIGN="JUSTIFY"><TITLE> Background Image </TITLE></p>
<p ALIGN="JUSTIFY"></HEAD></p>
<p ALIGN="JUSTIFY"><BODY BACKGROUND=</font><font SIZE="3">”</font><font FACE="宋體"
SIZE="3">mylittleimage.gif</font><font SIZE="3">”</font><font FACE="宋體" SIZE="3">></p>
<p ALIGN="JUSTIFY">Hello World!</p>
<p ALIGN="JUSTIFY"></BODY></p>
<p ALIGN="JUSTIFY"></HTML></p>
<p ALIGN="JUSTIFY">當(dāng)這個(gè)HTML文件在網(wǎng)絡(luò)瀏覽器上顯示時(shí)，圖象mylittleimage.gif在水平和豎直方向上重復(fù)排列開來（見圖5.15）。如果你使用較大的圖象，圖象不會(huì)平鋪（見圖5.16），你在這兩幅圖中可看見兩種效果。</p>
<p ALIGN="JUSTIFY"><img SRC="Image32.gif" tppabs="http://210.74.168.175/guide/asp/part5/Image32.gif" WIDTH="578" HEIGHT="391"></p>
<b>
<p ALIGN="CENTER">圖5.15 小圖片在屏幕上平鋪</p>
<p ALIGN="JUSTIFY">注意</p>
</b>
<p ALIGN="JUSTIFY">為網(wǎng)頁選擇背景圖象時(shí)要小心，選擇一個(gè)糟糕的背景圖象會(huì)使顯示在它上面的文字無法閱讀，如果網(wǎng)頁上有大量的文本，最好不要選擇背景圖象。</p>
<p ALIGN="JUSTIFY"><img SRC="Image33.gif" tppabs="http://210.74.168.175/guide/asp/part5/Image33.gif" WIDTH="578" HEIGHT="324"></p>
<b>
<p ALIGN="CENTER">圖5.16 大圖片在屏幕上平鋪</p>
</b>
<p ALIGN="JUSTIFY">使用背景圖象的另一個(gè)有趣效果是在網(wǎng)頁左端顯示一個(gè)彩色豎條，這個(gè)效果是通過使用一幅只有一個(gè)象素高但有1200個(gè)象素寬的圖象實(shí)現(xiàn)的。這幅圖象的前300個(gè)象素是一種顏色，而后900個(gè)象素是另一種顏色，當(dāng)這幅圖象在屏幕上平鋪時(shí)，由于它的寬度比屏幕寬，因此只在豎直方向上重復(fù)（如圖5.17）。</p>
<p ALIGN="JUSTIFY"><img SRC="Image34.gif" tppabs="http://210.74.168.175/guide/asp/part5/Image34.gif" WIDTH="537" HEIGHT="332"></p>
<b>
<p ALIGN="CENTER">圖5.17 具有兩列不同色彩的背景</p>
</b>
<p ALIGN="JUSTIFY">Microsoft在<BODY>標(biāo)識(shí)符里添加了一個(gè)只在Internet
Explorer上起作用的屬性。通常滾動(dòng)一個(gè)有背景圖象的網(wǎng)頁時(shí)，背景圖象也跟著滾動(dòng)，然而有時(shí)你希望背景圖象固定不動(dòng)。你可使用<BODY>標(biāo)識(shí)符的BGPROPERTIES屬性來實(shí)現(xiàn)這一效果。例如，如果你想讓圖象myimage.gif固定不動(dòng)，你可使用下面的語句：</p>
<p ALIGN="JUSTIFY">對(duì)于短小的網(wǎng)頁，這個(gè)附加的屬性沒有什么特別的用處。但如果你的網(wǎng)頁很長，需要滾動(dòng)時(shí)，你就會(huì)注意到背景圖象沒有滾動(dòng)。</p>
<p ALIGN="JUSTIFY">即使你在使用背景圖象，你還應(yīng)該使用<BODY>標(biāo)識(shí)符的BGCOLOR屬性來設(shè)置網(wǎng)頁的背景色，與所有圖象一樣，讀入背景圖象也是耗費(fèi)時(shí)間的，當(dāng)讀入背景圖象時(shí)，將會(huì)顯示背景色直到圖象全部讀入。</p>
</font>
</body>
</html>
?? 快捷鍵說明
復(fù)制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號(hào)
Ctrl + =
減小字號(hào)
Ctrl + -