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

2019-09-08 23:42:57

字體：大中小

供稿：網(wǎng)友

5.復(fù)合背景

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

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

　　6.局部背景

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

<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>

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

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

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