網(wǎng)頁背景設(shè)計(jì)全攻略(2)

2019-09-08 23:42:57

字體：大中小

供稿：網(wǎng)友

5.復(fù)合背景

　　如果你在練習(xí)上面的“照片背景”時“不小心”也設(shè)置了<body>標(biāo)簽里的顏色背景，那么你看到了什么？顏色背景還起作用嗎？對，你能看到你的照片浮于你設(shè)的顏色背景之上，二者能夠同時正常地顯示出來。這就是復(fù)合背景的魅力，更為吸引人的是，當(dāng)你所設(shè)置的圖片背景因?yàn)槟撤N不可知的因素而不能正常顯示的時候，瀏覽器能夠自動用你所設(shè)置的

顏色背景取而代之。它的設(shè)計(jì)方法，就不用我再多說了吧！

　　6.局部背景

　　前面我們所說的背景都是整個頁面的背景，能不能在頁面上為某個局部的內(nèi)容設(shè)置屬于它自己的背景呢？回答是肯定的。
　　最為常見的是在表格的設(shè)計(jì)當(dāng)中，我們可以為表格設(shè)置一個不同于頁面的背景，甚至在不同的表格單元中，我們也可以設(shè)置各個表格單元自己的背景。請看下面這個表格例子：

<table border="1" width="240" height="101" bgcolor="#C0C0C0">
<tr>
<td width="80" height="46" bgcolor="#00FFFF"></td>
<td width="80" height="46"></td><td width="80" height="46" bgcolor="#00FF00"></td>
</tr>
<tr>
<td width="80" height="47" bgcolor="#FFFF00"></td>
<td width="80" height="47" bgcolor="#FF0000"></td>
<td width="80" height="47" bgcolor="#FF00FF"></td>
</tr>
</table>

　　在瀏覽器中的顯示效果如圖所示,可以看到,不但對于表格整個來說有不同于頁面的背景,就是每一個單元格也可以設(shè)置各不相同的背景。
　　除此之外，我們還可以單獨(dú)為某個文字段落設(shè)置背景，甚至為這個文字段落中的某幾個文字設(shè)置自己的背景，是不是有點(diǎn)相當(dāng)不錯，這也需要用上一些CSS。請先看一下下面的這個例子：
　　<HTML><HEAD><TITLE>不僅僅是頁面的背景</TITLE><STYLE TYPE="text/css"></STYLE></HEAD><BODY><P STYLE="BACKGROUND:black url(../images/bg.jpg);COLOR:black}">
　　記得毛主席有這么一首詩："<div>坐地日行八萬里，巡于遙看一千河。</div>"偉人就是了不起，……幾萬里就出去了。</P></BODY></HTML>
　　在瀏覽器中的顯示效果如圖所示，現(xiàn)在是不是有點(diǎn)興奮了，啊，原來文段也可以有自己的背景。只要你愿意，你就可以為頁面的任何一個部分定義自己的背景，從而把頁面打扮得更加漂亮和吸引人。
　　說到這，關(guān)于網(wǎng)頁背景設(shè)計(jì)的問題也就說得大概也就差不多了，但新的網(wǎng)頁制作技術(shù)也在不斷涌現(xiàn)，說不定今天你看了這篇文章，明天就覺得它太過時了。筆者寫這篇文章，目的是引起廣大網(wǎng)頁制作者對背景設(shè)計(jì)的注意，畢竟，背景對網(wǎng)頁來說實(shí)在是太重要了，當(dāng)然，網(wǎng)站還是要以內(nèi)容為第一的。

上一篇：網(wǎng)頁背景設(shè)計(jì)全攻略(1)

下一篇：網(wǎng)頁建設(shè)之色彩應(yīng)用全攻略