網頁背景設計全攻略(2)
2005/9/21 23:32:00
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"><!--BODY{BACKGROUND:#FFFFDD;COLOR:red}div{BACKGROUND:red;COLOR:white}--></STYLE></HEAD><BODY><P STYLE="BACKGROUND:black url(../images/bg.jpg);COLOR:black}">
記得毛主席有這么一首詩:"<div>坐地日行八萬里,巡于遙看一千河。</div>"偉人就是了不起,……幾萬里就出去了。</P></BODY></HTML>
在瀏覽器中的顯示效果如圖所示,現在是不是有點興奮了,啊,原來文段也可以有自己的背景。只要你愿意,你就可以為頁面的任何一個部分定義自己的背景,從而把頁面打扮得更加漂亮和吸引人。
說到這,關于網頁背景設計的問題也就說得大概也就差不多了,但新的網頁制作技術也在不斷涌現,說不定今天你看了這篇文章,明天就覺得它太過時了。筆者寫這篇文章,目的是引起廣大網頁制作者對背景設計的注意,畢竟,背景對網頁來說實在是太重要了,當然,網站還是要以內容為第一的。
返回列表
返回首頁
主站蜘蛛池模板:
99re在线精品视频|
亚洲va成无码人在线观看天堂|
蜜桃成熟时1997在线观看在线观看|
国产黄色片在线免费观看|
中文无遮挡h肉视频在线观看|
欧美a在线观看|
亚洲综合一二三|
精品国精品自拍自在线|
国产午夜精品一区二区|
1000部精品久久久久久久久
|
日本熟妇色熟妇在线视频播放|
亚洲成人动漫在线观看|
男男暴菊gay无套网站|
国产一区二区三区在线免费观看
|
国产麻豆成人传媒免费观看|
一区精品麻豆入口|
无翼乌全彩无漫画大全|
九一制片厂免费传媒果冻|
欧美日韩久久中文字幕|
人妻无码一区二区视频|
糖心VLOG精品一区二区三区|
国产免费av片在线观看播放|
免费福利在线播放|
国产色产综合色产在线视频|
mm131嫩王语纯翘臀|
扒开美妇白臀扒挺进在线视频|
久久精品中文无码资源站|
欧美a级v片不卡在线观看|
亚洲最大的视频网站|
爱福利极品盛宴|
免费网站看v片在线a|
老公去上班的午后时光|
国产乱理伦片在线观看|
麻豆高清区在线|
国产无遮挡吃胸膜奶免费看|
窝窝午夜色视频国产精品东北
|
干b视频在线观看|
中文字幕日韩一区二区不卡|
日本最大色倩网站www|
久久青青草原亚洲av无码麻豆|
欧美一级在线看|