【學習表格邊框代碼應用】

.表格邊框代碼應用（1）表格應用實例（一）一、單列表格：代碼：<TABLE borderColor=#33ccff cellSpacing=5 cellPadding=10width_=600 align=center border=3><TBODY><TR><TD><A href="鏈接網址" target=_blank>文字</A></TD></TR><TR><TD><A href="鏈接網址" target=_blank>文字</A></TD></TR><TR><TD><A href="鏈接網址" target=_blank>文字</A></TD></TR></TBODY></TABLE>效果：文字文字文字二、雙列表格：代碼：<TABLE borderColor=#33ccff cellSpacing=5 cellPadding=10width_=600 align=center border=3><TBODY><TR><TD width_="50%"><A href="鏈接網址" target=_blank>文字</A></TD><TD width_="50%"><A href="鏈接網址" target=_blank>文字</A></TD></TR><TR><TD><A href="鏈接網址" target=_blank>文字</A></TD><TD><A href="鏈接網址" target=_blank>文字</A></TD></TR><TR><TD><A href="鏈接網址" target=_blank>文字</A></TD><TD><A href="鏈接網址" target=_blank>文字</A></TD></TR></TBODY></TABLE>效果：文字文字文字文字文字文字三、四列表格：代碼：<TABLE borderColor=#33ccff cellSpacing=5 cellPadding=10width_=600 align=center border=3><TBODY><TR><TD width_="25%"><A href="鏈接網址" target=_blank>文字</A></TD><TD width_="25%"><A href="鏈接網址" target=_blank>文字</A></TD><TD width_="25%"><A href="鏈接網址" target=_blank>文字</A></TD><TD width_="25%"><A href="鏈接網址" target=_blank>文字</A></TD></TR><TR><TD><A href="鏈接網址" target=_blank>文字</A></TD><TD><A href="鏈接網址" target=_blank>文字</A></TD><TD><A href="鏈接網址" target=_blank>文字</A></TD><TD><A href="鏈接網址" target=_blank>文字</A></TD></TR><TR><TD><A href="鏈接網址" target=_blank>文字</A></TD><TD><A href="鏈接網址" target=_blank>文字</A></TD><TD><A href="鏈接網址" target=_blank>文字</A></TD><TD><A href="鏈接網址" target=_blank>文字</A></TD></TR></TBODY></TABLE>效果：文字文字文字文字文字文字文字文字文字文字文字文字四、首行合併，以下兩列：代碼：<TABLE borderColor=#33ccff cellSpacing=5 cellPadding=10width_=600 align=center border=3><TBODY><TR><TD align=center colSpan=2><A href="鏈接網址" target=_blank>文字</A></TD></TR><TR><TD width_="50%"><A href="鏈接網址" target=_blank>文字</A></TD><TD width_="50%"><A href="鏈接網址" target=_blank>文字</A></TD></TR><TR><TD><A href="鏈接網址" target=_blank>文字</A></TD><TD><A href="鏈接網址" target=_blank>文字</A></TD></TR></TBODY></TABLE>效果：文字文字文字文字文字五、首行合併，以下三列：代碼：<TABLE borderColor=#33ccff cellSpacing=5 cellPadding=10width_=600 align=center border=3><TBODY><TR><TD align=center colSpan=3><A href="鏈接網址" target=_blank>文字</A></TD></TR><TR><TD width_="33.33%"><A href="鏈接網址" target=_blank>文字</A></TD><TD width_="33.33%"><A href="鏈接網址" target=_blank>文字</A></TD><TD width_="33.33%"><A href="鏈接網址" target=_blank>文字</A></TD></TR><TR><TD><A href="鏈接網址" target=_blank>文字</A></TD><TD><A href="鏈接網址" target=_blank>文字</A></TD><TD><A href="鏈接網址" target=_blank>文字</A></TD></TR></TBODY></TABLE>效果：文字文字文字文字文字文字文字表格邊框代碼應用（5）表格應用實例（二）當表格中只有一個單元格時，它實際就是一個日誌邊框。一、顏色邊框：1、單色邊框、透明背景、固定寬度的邊框：代碼：<TABLE borderColor=#0080ff cellSpacing=5 cellPadding=5width_=600 align=center border=10><TR><TD>日誌內容</TD></TR></TABLE>效果：日誌內容說明：邊框的高度可隨日誌內容進行調整。2、陰影邊框、顏色背景、固定寬度的邊框：代碼：<TABLE cellSpacing=5 borderColorDark=#004B97cellPadding=5 width_=600 align=centerbgColor=#660000 borderColorLight=#62B0FF border=10><TR><TD>日誌內容</TD></TR></TABLE>效果：日誌內容3、雙色邊框、顏色背景、固定寬度的邊框：代碼：<TABLE borderColor=#0080ff cellSpacing=5 cellPadding=5width_=600 align=center bgColor=#660000 border=10><TR><TD borderColor=#ffffff>日誌內容</TD></TR></TABLE>效果：日誌內容說明：<TD>標籤中多了一個「borderColor=#ffffff」，表示內框線顏色。width_=100%，表示邊框的寬度為最大化。二、圖片邊框：1、圖片邊框、顏色背景、固定寬度的邊框：代碼：<TABLE cellSpacing=15width_=600background=圖片地址><TR><TD><TABLE width_=600 align=center bgColor=#660000><TR><TD>日誌內容</TD></TR></TABLE></TD></TR></TABLE>效果：日誌內容2、單層圖片邊框、顏色細框、顏色背景、最大化寬度的邊框：代碼：<TABLE borderColor=#0080ff cellSpacing=15background=圖片地址border=2><TR><TD><TABLE borderColor=#0080ff align=centerbgColor=#660000 border=2><TR><TD>日誌內容</TD></TR></TABLE></TD></TR></TABLE>效果：日誌內容說明：width_=100%，表示邊框的寬度為最大化。3、多層圖片邊框、顏色細框、圖片背景、固定寬度的邊框：代碼：<TABLE borderColor=#0080ff cellSpacing=3 cellPadding=5width_=600 align=center background=圖片地址 border=1><TR><TD><TABLE borderColor=#0080ff cellSpacing=30 cellPadding=5 align=center background=圖片地址 border=1><TR><TD><TABLE borderColor=#0080ff cellSpacing=3cellPadding=5 align=center background=圖片地址 border=1><TR><TD><TABLE borderColor=#0080ff cellSpacing=10 cellPadding=5 align=center background=圖片地址 border=1><TR><TD><TABLE borderColor=#0080ff cellSpacing=3cellPadding=1 align=center background=圖片地址 border=1><TR><TD>日誌內容</TD></TR></TABLE></TD></TR></TABLE></TD></TR></TABLE></TD></TR></TABLE></TD></TR></TABLE>效果：日誌內容表格邊框代碼應用（6）表格應用實例（三）代 碼<TABLE borderColor=#ff00000 cellSpacing=5 cellPadding=1width_=650 align=center background=圖片地址 border=1><TR><TD><TABLE borderColor=#000000 cellSpacing=20 cellPadding=1 align=center background=圖片地址 border=1><TR><TD><TABLE borderColor=#ff00000 cellSpacing=5cellPadding=1 align=center background=圖片地址 border=1><TR><TD><TABLE borderColor=#000000 cellSpacing=10 cellPadding=1 align=center background=圖片地址 border=1><TR><TD><TABLE borderColor=#ff00000 cellSpacing=5cellPadding=1 align=center background=圖片地址 border=1><TR><TD>日誌內容</TD></TR></TABLE></TD></TR></TABLE></TD></TR></TABLE></TD></TR></TABLE></TD></TR></TABLE>說明：更換代碼中的圖片地址，或相關屬性的數值，可得到風格、色彩各異的日誌邊框。表格應用實例（四）文 字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文 字說明：日誌邊框和表格分別以同樣的圖片作背景（黑色星空）。表格應用實例（五）文 字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文 字

舞夜浪花美化教程！
推薦閱讀：