>br>例子∶br><BODY text="#000000" link="#0000FF" alink="#FF0000" vlink="#0000FF" background="bg1.gif" bgcolor="#FFFFFF" leftmargin=2 topmargin=2 bgproperties="fixed">br>br>由於我們隻是談論背景,所以這裏隻是介紹相關的三個。br>background="bg1.gif"br>設定背景牆紙。GIF 或 JPEG皆可,可以是絕對途徑或相對途徑。br>br>bgcolor="#FFFFFF"br>設定背景顏色。當己設定背景牆紙時會失去作用,除非牆紙有透明部分。br>br>bgproperties="fixed"br>固定背景牆紙,當卷動文字時牆紙不會跟著卷動。br>br>FONT color=#ff0000>注意∶不想要背景圖片,隻是全部黑色底色,就去掉background部分。font>br>br>FONT >那厶,去掉我們不要的部分,就非常簡單了br>br>center>TEXTAREA cols=60 rows=3>BODY background="在這裏粘貼你的底板圖片地址" bgcolor="#FFFFFF" bgproperties="fixed">TEXTAREA>center>br>br>效果如下∶br>br>center>IMG SRC=http://images.5460.net/data2/bbs/00/15/35//470555.jpg>center>br>br>馬上就有這個問題了,以前也有朋友問過多次,為什厶隻是兩邊有,中間是灰色?br>解釋∶首先,讓我們看看留園網頁結腹。留園網頁在主體的基礎上給出了一個表格(大部分論壇網站如此),我們平時發出的帖子全部在這個表格內部,而這個表格覆蓋在網頁的主體上麵了,所以也就蓋住了你的大部分背景。解決辦法如下∶br>br>簡單辦法∶提前結束留園表格,把整個網頁主體留給你做空間,任意發揮,結束語句如下∶</TD></TR></TABLE>。再加上圖形文字的居中語句<CENTER>,你的準備工作就好了。br>總結語句如下∶br>br>center>TEXTAREA cols=60 rows=3>TD>TR>TABLE>CENTER>BODY background="在這裏粘貼你的底板圖片地址" bgcolor="#FFFFFF" bgproperties="fixed">TEXTAREA>center>br>FONT color=#ff0000>每次發貼之前,在你的代碼窗體最前麵,粘貼上麵的語句即可。br>font>FONT >再看看效果,是不是好了。br>br>center>IMG SRC=http://images.5460.net/data2/bbs/00/15/35//486595.jpg>center>br>br>複雜辦法∶首先改主體背景,代碼和前麵的一樣,其次改內部表格的背景。當然,如果你的希望所有背景一致,這種做法就沒有意義了,但是如果主體和表格背景不同,這個辦法就非常好。不改變主體背景,隻是表格背景,代碼如下∶br>br>center>TEXTAREA cols=60 rows=4>CENTER>TABLE background="你的背景圖地址" bgcolor="#ffffff" border=0 cellPadding=2 cellSpacing=20 width=90%>TR>TD>DIV align=center>你的帖子放在這個位置DIV>TR>TD>TABLE>CENTER>TEXTAREA>center>br>br>這裏解釋幾個代碼∶br>cellspacing=20br>表格格線厚度,加厚格線可以使之產生邊框效果,也就是說,圖形文字進入不了這個周邊寬度區域。br>br>cellpadding=2br>文字與格線的距 br>br>width=90%br>表格的寬度,這個數值非常重要,當然接受絕對值的輸入,比如width=900(我們平常看到留園的灰色部分就是900的數值,選擇900就恰好把灰色去掉)。有時候,我們的圖很小,如果你取width數值過大,就會失調。br>br>看如下代碼∶br>br>center>TEXTAREA cols=60 rows=7>BODY background="你的背景圖地址" bgcolor="#FFFFFF" bgproperties="fixed">center>TABLE background="你的背景圖地址" bgcolor="#ffffff" border=0 cellPadding=2 cellSpacing=20 width=900>TR>TD>DIV align=center>你的帖子全部內容DIV>TR>TD>TABLE>CENTER>TEXTAREA>center>br>br>效果就是這樣∶br>br>center>IMG SRC=http://images.5460.net/data2/bbs/00/15/35//496558.jpg>center>br>br>當然,這裏為了看清楚,選取背景很豔,不要效仿,貼出你的精彩。br>再給出一種留園廣泛使用的代碼br>center>TEXTAREA cols=60 rows=7>body style="font-family:Comic Sans MS; font-size:16; scrollbar-face-color:#ffffff; scrollbar-arrow-color EEPPINK; scrollbar-track-color:#000000; scrollbar-shadow-color:000000; scrollbar-highlight-color:000000; scrollbar-3dlight-color:#000000; scrollbar-darkshadow-Color:#000000; background-color:#000000" background="你的背景圖地址(如果不加,背景為黑色)" bgProperties=fixed>TEXTAREA>center>br>另外需要說明的是檢查代碼的連續性!!,也就是說,代碼中的文字、描述語言完全連續輸入,中間沒有回車,否則此處將被“www.6park.com”和“6park.com”替代,尤其是在有背景的情況下會嚴重影響美觀。br>br>最後,要說明的是,背景圖片不易過大,別看小圖片,連成片非常好看,下麵我給出4個背景、動畫、裝飾線條素材的網站∶br>br>http://www.cccen.com/sou/index.htmbr>BR>http://www.sucaiw.com/index.aspbr>br>http://www.grsites.com/textures/br>BR>http://emu.main.jp/bbgemumenu3.htmbr>看大家的愛好了,自由選擇!br>br>td>tr>table>P>br>br>p>a name="p3">P align=center>FONT face=楷體_GB2312 color=#ff0033 size=6>中 級 篇FONT>P>P align=center>TABLE borderColor=#FFCCCC cellSpacing=50 cellPadding=0 width="900" align=center background=http://www.ream.ais.ne.jp/~meme/b-sakur.jpg border=1>TR>TD width="100%">P>這一部分我重點講關於表格的嵌套使用。我曾經多次實驗,加上看其他朋友的帖子,總結出了一些表格的使用技巧。p>br>p>首先,介紹表格的HTML格式。p>br>br>p>a name="p31">P align=center>FONT color=#ff0000 face=華文行楷 size=5>表格標記FONT>P>HR align=center color=#cccccc width="30%">FONT color=#ff0000><TABLE><TR><TD><TH><CAPTION>FONT> br>br>TABLE>TR>TD bgColor=#ddddff width=600>FONT color=#238e23>■<TABLE><TR><TD><CENTER>..........</TD></TR></TABLE>FONT>TD>TR>TABLE>br>這三個標記是定義表格的最重要的標記,可以說隻學這三個己足夠。<TABLE>是一個容器標記,意思是說它用以聲明這是表格而且其他表格標記隻能在他的範圍內才 用,屬容器標記的還有其他。 br>FONT color=#ff0000><TR>FONT>用以標示表格列(row) br>FONT color=#ff0000><TD>FONT>用以標示儲存格(cell) br>FONT color=#ff0000><TABLE>FONT>的參數設定(常用)∶ br>例如∶ <table FONT color=#ff0000>widthFONT>="400" FONT color=#ff0000>borderFONT>="1" FONT color=#ff0000>cellspacingFONT>="2" FONT color=#ff0000>cellpaddingFONT>="2" FONT color=#ff0000>alignFONT>="CENTER" FONT color=#ff0000>valignFONT>="TOP" FONT color=#ff0000>backgroundFONT>="myweb.gif"FONT color=#ff0000> bgcolorFONT>="#0000FF" FONT color=#ff0000>bordercolorFONT>="#FF00FF" FONT color=#ff0000>bordercolorlightFONT>="#00FF00" FONT color=#ff0000>bordercolordarkFONT>="#00FFFF" FONT color=#ff0000>colsFONT>="2"> UL>LI>FONT color=#ff0000>widthFONT>="400" br>表格寬度,接受絕對值(如 80)及相對值(如 80%)。 LI>FONT color=#ff0000>borderFONT>="1" br>表格邊框厚度,不同瀏覽器有不同的內定值,故請指明。 LI>FONT color=#ff0000>cellspacingFONT>="2" br>表格格線厚度。 LI>FONT color=#ff0000>cellpaddingFONT>="2" br>文字與格線的距 。 LI>FONT color=#ff0000>alignFONT>="CENTER" br>表格的擺放位置(水平),可選值為∶ left, right, center,請看例子五或六,那表格是放於中間的,為怕一些瀏覽器不支援,故特加上居中標記<CENTER>,隻是多層保證而己,當然隻用<CENTER>亦可。 LI>FONT color=#ff0000>valignFONT>="TOP". br>表格內字畫等的擺放貼位置(垂直),可選值為∶ top, middle, bottom。 LI>FONT color=#ff0000>backgroundFONT>="myweb.gif" br>表格?紙,與 bgcolor 不要同用。 LI>FONT color=#ff0000>bgcolorFONT>="#0000FF" br>表格底色,與background不要同用。 LI>FONT color=#ff0000>bordercolorFONT>="#FF00FF" br>表格邊框顏色,NC 與 IE 有不同的效果。 LI>FONT color=#ff0000>bordercolorlightFONT>="#00FF00" br>表格邊框向光部分的顏色。『隻 用於 IE』 LI>FONT color=#ff0000>bordercolordarkFONT>="#00FFFF" br>表格邊框背光部分的顏色,使用bordercolorlight或bordercolordark時 bordercolor將會失效。『隻 用於 IE』 LI>FONT color=#ff0000>colsFONT>="2" br>表格欄位數目,隻是讓瀏覽器在下載表格是先畫出整個表格而己。LI>UL>TABLE>TR>TD bgColor=#ddddff width=600>FONT color=#238e23>■<TR>的參數設定(常用)∶FONT>TD>TR>TABLE>br>br>例如∶<tr FONT color=#ff0000>alignFONT>="RIGHT" FONT color=#ff0000>valignFONT>="MIDDLE" FONT color=#ff0000>bgcolorFONT>="#0000FF" FONT color=#ff0000>bordercolorFONT>="#FF00FF" FONT color=#ff0000>bordercolorlightFONT>="#808080" FONT color=#ff0000>bordercolordarkFONT>="#FF0000">br>br>UL>LI>FONT color=#ff0000>alignFONT>="RIGHT" br>該一列內字畫等的擺放貼位置(水平),可選值為∶left, center, right。 LI>FONT color=#ff0000>valignFONT>="MIDDLE" br>該一列內字畫等的擺放貼位置(垂直),可選值為∶ top, middle, bottom。 LI>FONT color=#ff0000>bgcolorFONT>="#0000FF" br>該一列底色,請看。 LI>FONT color=#ff0000>bordercolorFONT>="#FF00FF" br>該一列邊框顏色,請看。『隻 用於 IE』 br>br>FONT color=#ff0000>bordercolorlightFONT>="#808080" br>該一列邊框向光部分的顏色,請看。『隻 用於 IE』 LI>FONT color=#ff0000>bordercolordarkFONT>="#FF0000" br>該一列邊框背光部分的顏色,使用FONT color=#ff0000>bordercolorlightFONT> 或 FONT color=#ff0000>bordercolordarkFONT>時FONT color=#ff0000>bordercolorFONT> 將會失效。『隻 用於 IE』LI>UL>TABLE>TR>TD bgColor=#ddddff width=600>FONT color=#238e23>■<TD>的參數設定(常用):FONT>TD>TR>TABLE>br>br>例如∶<td FONT color=#ff0000>widthFONT>="48%" FONT color=#ff0000>heightFONT>="400" FONT color=#ff0000>colspanFONT>="5" FONT color=#ff0000>rowspanFONT>="4" FONT color=#ff0000>alignFONT>="RIGHT" FONT color=#ff0000>valignFONT>="BOTTOM" FONT color=#ff0000>bgcolorFONT>="#FF00FF" FONT color=#ff0000>bordercolorFONT>="#808080" FONT color=#ff0000>bordercolorlightFONT>="#FF0000" FONT color=#ff0000>bordercolordarkFONT>="#00FF00" FONT color=#ff0000>backgroundFONT>="myweb.gif">br>br>UL>LI>width="48%" br>該一儲存格寬度,接受絕對值(如 80)及相對值(如 80%)。 LI>height="400" br>該一儲存格高度。 LI>colspan="5" br>該一儲存格向右打通的欄數。LI>rowspan="4" br>該一儲存格向下打通的列數。LI>align="RIGHT" br>該一儲存格內字畫等的擺放貼位置(水平),可選值為∶left, center, right。 LI>valign="BOTTOM" br>該一儲存格內字畫等的擺放貼位置(垂直),可選值為∶top, middle, bottom。 LI>bgcolor="#FF00FF" br>該一儲存格底色。 LI>bordercolor="#808080" br>該一儲存格邊框顏色。『隻 用於 IE』 LI>bordercolorlight="#FF0000" br>該一儲存格邊框向光部分的顏色。『隻 用於 IE』 LI>bordercolordark="#00FF00" br>該一儲存格邊框背光部分的顏色,使用bordercolorlight或bordercolordark 時bordercolor將會失效。『隻 用於 IE』 LI>background="myweb.gif" br>該一儲存格紙,與bgcolor任用其一。 LI>UL>P>肯定已經有人不耐煩了,那厶我簡單介紹一下使用,基本格式如下∶br>center>TEXTAREA cols=60 rows=7>CENTER>table width="70%" border="1" cellspacing="2" cellpadding="2" align="CENTER" background="背景圖片地址" bgcolor="#0000FF" bordercolor="#FF00FF">tr>td>CENTER>.....你的帖子內容.....TD>TR>TABLE>CENTER>TEXTAREA>center>br>br>center>大家看這個範例br>br>table width="60%" border="1" cellspacing="50" cellpadding="2" align="CENTER" background="http://www.s1.inets.jp/~rouge/free/mezame_4.jpg" bgcolor="#0000FF" bordercolor="#FF00FF">tr>td>center>br>FONT style="COLOR: white; FILTER: shadow(color=#009999); FONT-FAMILY: 隸書; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%">B>好看嗎?B>FONT>br>IMG SRC=http://i29.tinypic.com/k01uv7.jpg>TD>TR>TABLE>center>P>剛才給出的隻是一個表格,如果使用表格的嵌套,你的帖子會更有魅力,如同一個彩色的畫框。原理是這樣∶P>表格1開始+表格2開始+...+表格2結束+表格1結束P>下麵給出3層表格的範例,如果你要多層,繼續加入即可∶P>center>TEXTAREA cols=60 rows=7>CENTER>table width="70%" border="1" cellspacing="2" cellpadding="2" align="CENTER" background="背景圖片地址1" bgcolor="#0000FF" bordercolor="#FF00FF">tr>td>CENTER>table width="100%" border="1" cellspacing="2" cellpadding="2" align="CENTER" background="背景圖片地址2" bgcolor="#0000FF" bordercolor="#FF00FF">tr>td>CENTER>table width="100%" border="1" cellspacing="2" cellpadding="2" align="CENTER" background="背景圖片地址3" bgcolor="#0000FF" bordercolor="#FF00FF">tr>td>CENTER>.....你的帖子內容.....TD>TR>TBODY>TABLE>TD>TR>TBODY>TABLE>TD>TR>TBODY>TABLE>CENTER>TEXTAREA>CENTER>P align=left>P>注意∶關鍵在於這幾個方麵,也是我們修改的內容∶P>1、第一個表格的width可以取你想要的寬度,其他全部取100%,操作簡單。P>2、cellspacing的取值決定了表格邊的寬度,我下麵分別取30、20、40,大家看效果。P>3、border的取值也是重要的,建議取0或者1。P>4、這個才是重點,顏色搭配非常重要,不要反差太大,有點像女士配衣服,男士搭配西裝、襯衣和領帶,千丌不要大紅配大綠,那就是醜。P>P>DIV align=center>TABLE width="65%" border="1" cellspacing="15" cellpadding="2" background="http://s5.tinypic.com/vpcms0_th.jpg" bgcolor="#0000FF" bordercolor="#FF00FF">TBDOY>TR>TD>TABLE width="100%" border="0" cellspacing="10" cellpadding="2" background="http://s5.tinypic.com/2iawnjb_th.jpg" bgcolor="#0000FF" bordercolor="#FF00FF">TBDOY>TR>TD>TABLE width="100%" border="0" cellspacing="10" cellpadding="2" background="http://s5.tinypic.com/21bnnmr_th.jpg" bgcolor="#0000FF" bordercolor="#FF00FF">TBDOY>TR>TD>P align=center>IMG SRC="http://s3.tinypic.com/2q99r2b_th.jpg" border=0>P>TD>TR>TBODY>TABLE>TD>TR>TBODY>TABLE>TD>TR>TBODY>TABLE>BR>TD>TR>TBODY>TABLE>DIV>br>br>br>a name="p32">P align=center>TABLE borderColor=#FFCCCC cellSpacing=50 cellPadding=0 width="900" align=center background=http://www.ream.ais.ne.jp/~meme/b-sakur.jpg border=1>TBODY>TR>TD>BR>BR>P align=center>FONT style="FONT-SIZE: 26pt" face=華文行楷 color=#cc0000>B>EM>唯美貼圖EM>B>FONT>P>BR>
貼文
點妝淡抹 (2012-07-14 05:07:44) 評論 (0)>br>例子∶br><BODY text="#000000" link="#0000FF" alink="#FF0000" vlink="#0000FF" background="bg1.gif" bgcolor="#FFFFFF" leftmargin=2 topmargin=2 bgproperties="fixed">br>br>由於我們隻是談論背景,所以這裏隻是介紹相關的三個。br>background="bg1.gif"br>設定背景牆紙。GIF 或 JPEG皆可,可以是絕對途徑或相對途徑。br>br>bgcolor="#FFFFFF"br>設定背景顏色。當己設定背景牆紙時會失去作用,除非牆紙有透明部分。br>br>bgproperties="fixed"br>固定背景牆紙,當卷動文字時牆紙不會跟著卷動。br>br>FONT color=#ff0000>注意∶不想要背景圖片,隻是全部黑色底色,就去掉background部分。font>br>br>FONT >那厶,去掉我們不要的部分,就非常簡單了br>br>center>TEXTAREA cols=60 rows=3>BODY background="在這裏粘貼你的底板圖片地址" bgcolor="#FFFFFF" bgproperties="fixed">TEXTAREA>center>br>br>效果如下∶br>br>center>IMG SRC=http://images.5460.net/data2/bbs/00/15/35//470555.jpg>center>br>br>馬上就有這個問題了,以前也有朋友問過多次,為什厶隻是兩邊有,中間是灰色?br>解釋∶首先,讓我們看看留園網頁結腹。留園網頁在主體的基礎上給出了一個表格(大部分論壇網站如此),我們平時發出的帖子全部在這個表格內部,而這個表格覆蓋在網頁的主體上麵了,所以也就蓋住了你的大部分背景。解決辦法如下∶br>br>簡單辦法∶提前結束留園表格,把整個網頁主體留給你做空間,任意發揮,結束語句如下∶</TD></TR></TABLE>。再加上圖形文字的居中語句<CENTER>,你的準備工作就好了。br>總結語句如下∶br>br>center>TEXTAREA cols=60 rows=3>TD>TR>TABLE>CENTER>BODY background="在這裏粘貼你的底板圖片地址" bgcolor="#FFFFFF" bgproperties="fixed">TEXTAREA>center>br>FONT color=#ff0000>每次發貼之前,在你的代碼窗體最前麵,粘貼上麵的語句即可。br>font>FONT >再看看效果,是不是好了。br>br>center>IMG SRC=http://images.5460.net/data2/bbs/00/15/35//486595.jpg>center>br>br>複雜辦法∶首先改主體背景,代碼和前麵的一樣,其次改內部表格的背景。當然,如果你的希望所有背景一致,這種做法就沒有意義了,但是如果主體和表格背景不同,這個辦法就非常好。不改變主體背景,隻是表格背景,代碼如下∶br>br>center>TEXTAREA cols=60 rows=4>CENTER>TABLE background="你的背景圖地址" bgcolor="#ffffff" border=0 cellPadding=2 cellSpacing=20 width=90%>TR>TD>DIV align=center>你的帖子放在這個位置DIV>TR>TD>TABLE>CENTER>TEXTAREA>center>br>br>這裏解釋幾個代碼∶br>cellspacing=20br>表格格線厚度,加厚格線可以使之產生邊框效果,也就是說,圖形文字進入不了這個周邊寬度區域。br>br>cellpadding=2br>文字與格線的距 br>br>width=90%br>表格的寬度,這個數值非常重要,當然接受絕對值的輸入,比如width=900(我們平常看到留園的灰色部分就是900的數值,選擇900就恰好把灰色去掉)。有時候,我們的圖很小,如果你取width數值過大,就會失調。br>br>看如下代碼∶br>br>center>TEXTAREA cols=60 rows=7>BODY background="你的背景圖地址" bgcolor="#FFFFFF" bgproperties="fixed">center>TABLE background="你的背景圖地址" bgcolor="#ffffff" border=0 cellPadding=2 cellSpacing=20 width=900>TR>TD>DIV align=center>你的帖子全部內容DIV>TR>TD>TABLE>CENTER>TEXTAREA>center>br>br>效果就是這樣∶br>br>center>IMG SRC=http://images.5460.net/data2/bbs/00/15/35//496558.jpg>center>br>br>當然,這裏為了看清楚,選取背景很豔,不要效仿,貼出你的精彩。br>再給出一種留園廣泛使用的代碼br>center>TEXTAREA cols=60 rows=7>body style="font-family:Comic Sans MS; font-size:16; scrollbar-face-color:#ffffff; scrollbar-arrow-color EEPPINK; scrollbar-track-color:#000000; scrollbar-shadow-color:000000; scrollbar-highlight-color:000000; scrollbar-3dlight-color:#000000; scrollbar-darkshadow-Color:#000000; background-color:#000000" background="你的背景圖地址(如果不加,背景為黑色)" bgProperties=fixed>TEXTAREA>center>br>另外需要說明的是檢查代碼的連續性!!,也就是說,代碼中的文字、描述語言完全連續輸入,中間沒有回車,否則此處將被“www.6park.com”和“6park.com”替代,尤其是在有背景的情況下會嚴重影響美觀。br>br>最後,要說明的是,背景圖片不易過大,別看小圖片,連成片非常好看,下麵我給出4個背景、動畫、裝飾線條素材的網站∶br>br>http://www.cccen.com/sou/index.htmbr>BR>http://www.sucaiw.com/index.aspbr>br>http://www.grsites.com/textures/br>BR>http://emu.main.jp/bbgemumenu3.htmbr>看大家的愛好了,自由選擇!br>br>td>tr>table>P>br>br>p>a name="p3">P align=center>FONT face=楷體_GB2312 color=#ff0033 size=6>中 級 篇FONT>P>P align=center>TABLE borderColor=#FFCCCC cellSpacing=50 cellPadding=0 width="900" align=center background=http://www.ream.ais.ne.jp/~meme/b-sakur.jpg border=1>TR>TD width="100%">P>這一部分我重點講關於表格的嵌套使用。我曾經多次實驗,加上看其他朋友的帖子,總結出了一些表格的使用技巧。p>br>p>首先,介紹表格的HTML格式。p>br>br>p>a name="p31">P align=center>FONT color=#ff0000 face=華文行楷 size=5>表格標記FONT>P>HR align=center color=#cccccc width="30%">FONT color=#ff0000><TABLE><TR><TD><TH><CAPTION>FONT> br>br>TABLE>TR>TD bgColor=#ddddff width=600>FONT color=#238e23>■<TABLE><TR><TD><CENTER>..........</TD></TR></TABLE>FONT>TD>TR>TABLE>br>這三個標記是定義表格的最重要的標記,可以說隻學這三個己足夠。<TABLE>是一個容器標記,意思是說它用以聲明這是表格而且其他表格標記隻能在他的範圍內才 用,屬容器標記的還有其他。 br>FONT color=#ff0000><TR>FONT>用以標示表格列(row) br>FONT color=#ff0000><TD>FONT>用以標示儲存格(cell) br>FONT color=#ff0000><TABLE>FONT>的參數設定(常用)∶ br>例如∶ <table FONT color=#ff0000>widthFONT>="400" FONT color=#ff0000>borderFONT>="1" FONT color=#ff0000>cellspacingFONT>="2" FONT color=#ff0000>cellpaddingFONT>="2" FONT color=#ff0000>alignFONT>="CENTER" FONT color=#ff0000>valignFONT>="TOP" FONT color=#ff0000>backgroundFONT>="myweb.gif"FONT color=#ff0000> bgcolorFONT>="#0000FF" FONT color=#ff0000>bordercolorFONT>="#FF00FF" FONT color=#ff0000>bordercolorlightFONT>="#00FF00" FONT color=#ff0000>bordercolordarkFONT>="#00FFFF" FONT color=#ff0000>colsFONT>="2"> UL>LI>FONT color=#ff0000>widthFONT>="400" br>表格寬度,接受絕對值(如 80)及相對值(如 80%)。 LI>FONT color=#ff0000>borderFONT>="1" br>表格邊框厚度,不同瀏覽器有不同的內定值,故請指明。 LI>FONT color=#ff0000>cellspacingFONT>="2" br>表格格線厚度。 LI>FONT color=#ff0000>cellpaddingFONT>="2" br>文字與格線的距 。 LI>FONT color=#ff0000>alignFONT>="CENTER" br>表格的擺放位置(水平),可選值為∶ left, right, center,請看例子五或六,那表格是放於中間的,為怕一些瀏覽器不支援,故特加上居中標記<CENTER>,隻是多層保證而己,當然隻用<CENTER>亦可。 LI>FONT color=#ff0000>valignFONT>="TOP". br>表格內字畫等的擺放貼位置(垂直),可選值為∶ top, middle, bottom。 LI>FONT color=#ff0000>backgroundFONT>="myweb.gif" br>表格?紙,與 bgcolor 不要同用。 LI>FONT color=#ff0000>bgcolorFONT>="#0000FF" br>表格底色,與background不要同用。 LI>FONT color=#ff0000>bordercolorFONT>="#FF00FF" br>表格邊框顏色,NC 與 IE 有不同的效果。 LI>FONT color=#ff0000>bordercolorlightFONT>="#00FF00" br>表格邊框向光部分的顏色。『隻 用於 IE』 LI>FONT color=#ff0000>bordercolordarkFONT>="#00FFFF" br>表格邊框背光部分的顏色,使用bordercolorlight或bordercolordark時 bordercolor將會失效。『隻 用於 IE』 LI>FONT color=#ff0000>colsFONT>="2" br>表格欄位數目,隻是讓瀏覽器在下載表格是先畫出整個表格而己。LI>UL>TABLE>TR>TD bgColor=#ddddff width=600>FONT color=#238e23>■<TR>的參數設定(常用)∶FONT>TD>TR>TABLE>br>br>例如∶<tr FONT color=#ff0000>alignFONT>="RIGHT" FONT color=#ff0000>valignFONT>="MIDDLE" FONT color=#ff0000>bgcolorFONT>="#0000FF" FONT color=#ff0000>bordercolorFONT>="#FF00FF" FONT color=#ff0000>bordercolorlightFONT>="#808080" FONT color=#ff0000>bordercolordarkFONT>="#FF0000">br>br>UL>LI>FONT color=#ff0000>alignFONT>="RIGHT" br>該一列內字畫等的擺放貼位置(水平),可選值為∶left, center, right。 LI>FONT color=#ff0000>valignFONT>="MIDDLE" br>該一列內字畫等的擺放貼位置(垂直),可選值為∶ top, middle, bottom。 LI>FONT color=#ff0000>bgcolorFONT>="#0000FF" br>該一列底色,請看。 LI>FONT color=#ff0000>bordercolorFONT>="#FF00FF" br>該一列邊框顏色,請看。『隻 用於 IE』 br>br>FONT color=#ff0000>bordercolorlightFONT>="#808080" br>該一列邊框向光部分的顏色,請看。『隻 用於 IE』 LI>FONT color=#ff0000>bordercolordarkFONT>="#FF0000" br>該一列邊框背光部分的顏色,使用FONT color=#ff0000>bordercolorlightFONT> 或 FONT color=#ff0000>bordercolordarkFONT>時FONT color=#ff0000>bordercolorFONT> 將會失效。『隻 用於 IE』LI>UL>TABLE>TR>TD bgColor=#ddddff width=600>FONT color=#238e23>■<TD>的參數設定(常用):FONT>TD>TR>TABLE>br>br>例如∶<td FONT color=#ff0000>widthFONT>="48%" FONT color=#ff0000>heightFONT>="400" FONT color=#ff0000>colspanFONT>="5" FONT color=#ff0000>rowspanFONT>="4" FONT color=#ff0000>alignFONT>="RIGHT" FONT color=#ff0000>valignFONT>="BOTTOM" FONT color=#ff0000>bgcolorFONT>="#FF00FF" FONT color=#ff0000>bordercolorFONT>="#808080" FONT color=#ff0000>bordercolorlightFONT>="#FF0000" FONT color=#ff0000>bordercolordarkFONT>="#00FF00" FONT color=#ff0000>backgroundFONT>="myweb.gif">br>br>UL>LI>width="48%" br>該一儲存格寬度,接受絕對值(如 80)及相對值(如 80%)。 LI>height="400" br>該一儲存格高度。 LI>colspan="5" br>該一儲存格向右打通的欄數。LI>rowspan="4" br>該一儲存格向下打通的列數。LI>align="RIGHT" br>該一儲存格內字畫等的擺放貼位置(水平),可選值為∶left, center, right。 LI>valign="BOTTOM" br>該一儲存格內字畫等的擺放貼位置(垂直),可選值為∶top, middle, bottom。 LI>bgcolor="#FF00FF" br>該一儲存格底色。 LI>bordercolor="#808080" br>該一儲存格邊框顏色。『隻 用於 IE』 LI>bordercolorlight="#FF0000" br>該一儲存格邊框向光部分的顏色。『隻 用於 IE』 LI>bordercolordark="#00FF00" br>該一儲存格邊框背光部分的顏色,使用bordercolorlight或bordercolordark 時bordercolor將會失效。『隻 用於 IE』 LI>background="myweb.gif" br>該一儲存格紙,與bgcolor任用其一。 LI>UL>P>肯定已經有人不耐煩了,那厶我簡單介紹一下使用,基本格式如下∶br>center>TEXTAREA cols=60 rows=7>CENTER>table width="70%" border="1" cellspacing="2" cellpadding="2" align="CENTER" background="背景圖片地址" bgcolor="#0000FF" bordercolor="#FF00FF">tr>td>CENTER>.....你的帖子內容.....TD>TR>TABLE>CENTER>TEXTAREA>center>br>br>center>大家看這個範例br>br>table width="60%" border="1" cellspacing="50" cellpadding="2" align="CENTER" background="http://www.s1.inets.jp/~rouge/free/mezame_4.jpg" bgcolor="#0000FF" bordercolor="#FF00FF">tr>td>center>br>FONT style="COLOR: white; FILTER: shadow(color=#009999); FONT-FAMILY: 隸書; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%">B>好看嗎?B>FONT>br>IMG SRC=http://i29.tinypic.com/k01uv7.jpg>TD>TR>TABLE>center>P>剛才給出的隻是一個表格,如果使用表格的嵌套,你的帖子會更有魅力,如同一個彩色的畫框。原理是這樣∶P>表格1開始+表格2開始+...+表格2結束+表格1結束P>下麵給出3層表格的範例,如果你要多層,繼續加入即可∶P>center>TEXTAREA cols=60 rows=7>CENTER>table width="70%" border="1" cellspacing="2" cellpadding="2" align="CENTER" background="背景圖片地址1" bgcolor="#0000FF" bordercolor="#FF00FF">tr>td>CENTER>table width="100%" border="1" cellspacing="2" cellpadding="2" align="CENTER" background="背景圖片地址2" bgcolor="#0000FF" bordercolor="#FF00FF">tr>td>CENTER>table width="100%" border="1" cellspacing="2" cellpadding="2" align="CENTER" background="背景圖片地址3" bgcolor="#0000FF" bordercolor="#FF00FF">tr>td>CENTER>.....你的帖子內容.....TD>TR>TBODY>TABLE>TD>TR>TBODY>TABLE>TD>TR>TBODY>TABLE>CENTER>TEXTAREA>CENTER>P align=left>P>注意∶關鍵在於這幾個方麵,也是我們修改的內容∶P>1、第一個表格的width可以取你想要的寬度,其他全部取100%,操作簡單。P>2、cellspacing的取值決定了表格邊的寬度,我下麵分別取30、20、40,大家看效果。P>3、border的取值也是重要的,建議取0或者1。P>4、這個才是重點,顏色搭配非常重要,不要反差太大,有點像女士配衣服,男士搭配西裝、襯衣和領帶,千丌不要大紅配大綠,那就是醜。P>P>DIV align=center>TABLE width="65%" border="1" cellspacing="15" cellpadding="2" background="http://s5.tinypic.com/vpcms0_th.jpg" bgcolor="#0000FF" bordercolor="#FF00FF">TBDOY>TR>TD>TABLE width="100%" border="0" cellspacing="10" cellpadding="2" background="http://s5.tinypic.com/2iawnjb_th.jpg" bgcolor="#0000FF" bordercolor="#FF00FF">TBDOY>TR>TD>TABLE width="100%" border="0" cellspacing="10" cellpadding="2" background="http://s5.tinypic.com/21bnnmr_th.jpg" bgcolor="#0000FF" bordercolor="#FF00FF">TBDOY>TR>TD>P align=center>IMG SRC="http://s3.tinypic.com/2q99r2b_th.jpg" border=0>P>TD>TR>TBODY>TABLE>TD>TR>TBODY>TABLE>TD>TR>TBODY>TABLE>BR>TD>TR>TBODY>TABLE>DIV>br>br>br>a name="p32">P align=center>TABLE borderColor=#FFCCCC cellSpacing=50 cellPadding=0 width="900" align=center background=http://www.ream.ais.ne.jp/~meme/b-sakur.jpg border=1>TBODY>TR>TD>BR>BR>P align=center>FONT style="FONT-SIZE: 26pt" face=華文行楷 color=#cc0000>B>EM>唯美貼圖EM>B>FONT>P>BR>