(2012-05-13 14:48:53)
標(biāo)簽:
【博客美化】雜談分類(lèi):
【博客美化】表格的高級(jí)樣式[普通、細(xì)線、立體表格]制作
表格效果圖及代碼普普
通通
表表
格格
普通表格代碼
<TABLE cellSpacing=0 cellPadding=0 width=200 border=1>
<TBODY>
<TR>
<TR align=middle>
<TD>內(nèi)容</TD>
<TD>內(nèi)容</TD>
<TR align=middle>
<TD>內(nèi)容</TD>
<TD>內(nèi)容</TD>
</TR></TBODY></TABLE>
說(shuō)明∶藍(lán)色代碼為表格寬、橫向增加表格時(shí)按需要復(fù)制紅色代碼放其后面、縱向增加表格復(fù)制黃色代碼放其后面,復(fù)制時(shí)二組代碼同步進(jìn)行。
細(xì)細(xì)
線線
表表
格格
細(xì)線表格加背景代碼
<TABLE cellSpacing=1 cellPadding=0 width=200 bgColor=#006400 border=0>
<TBODY>
<TR align=middle>
<TD bgColor=#ffdab9>內(nèi)容</TD>
<TD bgColor=#ffdab9>內(nèi)容</TD>
<TR align=middle>
<TD bgColor=#ffdab9>內(nèi)容</TD>
<TD bgColor=#ffdab9>內(nèi)容</TD></TR></TBODY></TABLE>
說(shuō)明∶藍(lán)色代碼為表格寬、橙色為表格細(xì)線顏色、淺藍(lán)色為表格背景顏色、橫向增加表格時(shí)按需要復(fù)制紅色代碼放其后面、縱向增加表格復(fù)制黃色代碼放其后面,復(fù)制時(shí)二組代碼同步進(jìn)行。
圖一 表
格
表
格
表
格
表
格
圖二 表
格
表
格
表
格
表
格
獨(dú)立邊框表格加背景代碼
<TABLE cellSpacing=2 cellPadding=0 width=200 border=0>
<TBODY>
<TR align=middle>
<TD>
<TABLE cellSpacing=1 cellPadding=0 width="100%" bgColor=#0000ff border=0>
<TBODY>
<TR align=middle>
<TD bgColor=#ffffff>內(nèi)容</TD></TR></TBODY></TABLE>
<TD>
<TABLE cellSpacing=1 cellPadding=0 width="100%" bgColor=#0000ff border=0>
<TBODY>
<TR>
<TD bgColor=#7fffd4>內(nèi)容</TD></TR></TBODY></TABLE>
<TR align=middle>
<TD>
<TABLE cellSpacing=1 cellPadding=0 width="100%" bgColor=#0000ff border=0>
<TBODY>
<TR align=middle>
<TD bgColor=#7fffd4>內(nèi)容</TD></TR></TBODY></TABLE>
<TD>
<TABLE cellSpacing=1 cellPadding=0 width="100%" bgColor=#0000ff border=0>
<TBODY>
<TR>
<TD bgColor=#ffffff>內(nèi)容</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
說(shuō)明∶金色為表格間距、藍(lán)色為表格寬、粉色為表格邊框顏色、淺藍(lán)色為表格背景顏色、橫向〖圖二〗增加表格時(shí)按需要復(fù)制紅色代碼放其后面、縱向〖圖一〗增加表格復(fù)制黃色代碼放其后面,復(fù)制時(shí)二組代碼同步進(jìn)行。
立立
體體
表表
格格
立體感表格代碼
<TABLE cellSpacing=0 borderColorDark=#ffffff cellPadding=0 width=200 borderColorLight=#ffffff border=1>
<TBODY>
<TR align=middle>
<TD borderColorLight=#000000 bgColor=#b7b7b7 borderColorDark=#eeeeee>內(nèi)容</TD>
<TD borderColorLight=#000000 bgColor=#b7b7b7 borderColorDark=#eeeeee>內(nèi)容</TD>
<TR align=middle>
<TD borderColorLight=#000000 bgColor=#b7b7b7 borderColorDark=#eeeeee>內(nèi)容</TD>
<TD borderColorLight=#000000 bgColor=#b7b7b7 borderColorDark=#eeeeee>內(nèi)容</TD></TR></TBODY></TABLE>
說(shuō)明∶金色為外框顏色、藍(lán)色代碼為表格寬、橙色為單表格內(nèi)框顏色、淺藍(lán)色為表格背景顏色、粉色為單表格外框顏色、橫向增加表格時(shí)按需要復(fù)制紅色代碼放其后面、縱向增加表格復(fù)制黃色代碼放其后面,復(fù)制時(shí)二組代碼同步進(jìn)行。
紫玫瑰博客博文導(dǎo)航
博主原創(chuàng)音畫(huà)時(shí)尚電腦知識(shí)配樂(lè)朗誦 繽紛情感博客素材在線閱讀人生感悟 心情文字博客美化影音專(zhuān)欄天下侃談 婚姻家庭美圖欣賞音樂(lè)心情四庫(kù)全書(shū)請(qǐng)點(diǎn)擊紫玫瑰的空間分享:
1
喜歡