網頁背景設計全攻略(2)

2019-09-08 23:42:57

字體：大中小

來源：轉載

供稿：網友

5.復合背景

　　如果你在練習上面的“照片背景”時“不小心”也設置了<body>標簽里的顏色背景，那么你看到了什么？顏色背景還起作用嗎？對，你能看到你的照片浮于你設的顏色背景之上，二者能夠同時正常地顯示出來。這就是復合背景的魅力，更為吸引人的是，當你所設置的圖片背景因為某種不可知的因素而不能正常顯示的時候，瀏覽器能夠自動用你所設置的

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

　　6.局部背景

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

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

　　在瀏覽器中的顯示效果如圖所示,可以看到,不但對于表格整個來說有不同于頁面的背景,就是每一個單元格也可以設置各不相同的背景。
　　除此之外，我們還可以單獨為某個文字段落設置背景，甚至為這個文字段落中的某幾個文字設置自己的背景，是不是有點相當不錯，這也需要用上一些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>
　　在瀏覽器中的顯示效果如圖所示，現在是不是有點興奮了，啊，原來文段也可以有自己的背景。只要你愿意，你就可以為頁面的任何一個部分定義自己的背景，從而把頁面打扮得更加漂亮和吸引人。
　　說到這，關于網頁背景設計的問題也就說得大概也就差不多了，但新的網頁制作技術也在不斷涌現，說不定今天你看了這篇文章，明天就覺得它太過時了。筆者寫這篇文章，目的是引起廣大網頁制作者對背景設計的注意，畢竟，背景對網頁來說實在是太重要了，當然，網站還是要以內容為第一的。

上一篇：網頁背景設計全攻略(1)

下一篇：網頁建設之色彩應用全攻略