博元
漂亮的表格制作分解
效果圖及代碼內(nèi)容 內(nèi)容 內(nèi)容 內(nèi)容 內(nèi)容 內(nèi)容 內(nèi)容 內(nèi)容 內(nèi)容 內(nèi)容 內(nèi)容 內(nèi)容
多行多列表格代碼
<TABLE style="BORDER-RIGHT: yellow 5px solid; BORDER-TOP: #6b8e23 5px solid; BORDER-LEFT: yellow 5px solid; BORDER-BOTTOM: #00ff00 5px solid" cellSpacing=2 cellPadding=0 width=300 bgColor=#ffdab9 border=0>
<TBODY>
<TR align=middle>
<TD bgColor=#ff2400>內(nèi)容</TD>
<TD bgColor=#ff2400>內(nèi)容</TD>
<TD bgColor=#ff2400>內(nèi)容</TD>
<TR align=middle>
<TD bgColor=#ff2400>內(nèi)容</TD>
<TD bgColor=#ff2400>內(nèi)容</TD>
<TD bgColor=#ff2400>內(nèi)容</TD>
說(shuō) 明∶可以分別改變表格外框右RIGHT、上TOP、左LEFT、下BOTTOM 的四邊顏色〖藍(lán)色部分〗及寬度〖紅色部分?jǐn)?shù)值〗、淺藍(lán)色是單個(gè)表格顏色、淡藍(lán)色代碼為表格背景顏色。想作個(gè)多行多列表格,按需要的列數(shù),分別復(fù)制金色代碼部分和粉色代碼部分粘貼其后面,直到需要的列數(shù)、再按需要的行數(shù),將黃色代碼和復(fù)制后的粉色代碼同時(shí)復(fù)制,粘貼其后面,直到需要的行數(shù)即成了。藍(lán)色代碼width=300 是表格總寬、當(dāng)然也可按需要分別改其它表格寬,只要把寬度代碼粘貼在<TD>里面調(diào)好數(shù)值即可。
一 欄 三 列 表 格 內(nèi)容 內(nèi)容 內(nèi)容 內(nèi)容 內(nèi)容 內(nèi)容 內(nèi)容 內(nèi)容 內(nèi)容
一欄三列表格代碼
<TABLE style="BORDER-RIGHT: yellow 5px solid; BORDER-TOP: #6b8e23 5px solid; BORDER-LEFT: yellow 5px solid; BORDER-BOTTOM: #00ff00 5px solid" cellSpacing=2 cellPadding=0 width=300 bgColor=#ffdab9 border=0>
<TBODY>
<TR align=middle>
<TD bgColor=#ff2400 colSpan=3>內(nèi)容</TD>
<TR align=middle>
<TD bgColor=#ff2400>內(nèi)容</TD>
<TD bgColor=#ff2400>內(nèi)容</TD>
<TD bgColor=#ff2400>內(nèi)容</TD>
<TR align=middle>
<TD bgColor=#ff2400>內(nèi)容</TD>
<TD bgColor=#ff2400>內(nèi)容</TD>
<TD bgColor=#ff2400>內(nèi)容</TD>
代 碼∶可以分別改變表格外框右RIGHT、上TOP、左LEFT、下BOTTOM 的四邊顏色〖藍(lán)色部分〗及寬度〖紅色部分?jǐn)?shù)值〗、淺藍(lán)色是單個(gè)表格顏色、淡藍(lán)色代碼為表格背景顏色。要想制作一欄三列或多列和多行表格時(shí),按需要的列數(shù)分別復(fù)制金色代碼部分和粉色代碼部分粘貼其后面、達(dá)到需要的列數(shù),再按需要的行數(shù),將黃色代碼和復(fù)制后的粉色代碼同時(shí)復(fù)制,粘貼其后面,直到需要的行數(shù)。但最后一定把紅色合并列代碼 colSpan=3 的數(shù)值改成實(shí)際列數(shù)值。藍(lán)色代碼width=300 是表格總寬、當(dāng)然也可按需要分別改其它表格寬,只要把寬度代碼粘貼在<TD>里面調(diào)好數(shù)值即可。
一
列
三
欄
表
格 內(nèi)容 內(nèi)容 內(nèi)容 內(nèi)容 內(nèi)容 內(nèi)容 內(nèi)容 內(nèi)容 內(nèi)容 內(nèi)容 內(nèi)容 內(nèi)容
一列三欄表格代碼
<TABLE style="BORDER-RIGHT: yellow 5px solid; BORDER-TOP: #6b8e23 5px solid; BORDER-LEFT: yellow 5px solid; BORDER-BOTTOM: #00ff00 5px solid" cellSpacing=2 cellPadding=0 width=300 bgColor=#ffdab9 border=0>
<TBODY>
<TR align=middle>
<TD width=35 bgColor=#ff2400 rowSpan=5>內(nèi)容</TD>
<TR align=middle>
<TD bgColor=#ff2400>內(nèi)容</TD>
<TD bgColor=#ff2400>內(nèi)容</TD>
<TD bgColor=#ff2400>內(nèi)容</TD>
<TR align=middle>
<TD bgColor=#ff2400>內(nèi)容</TD>
<TD bgColor=#ff2400>內(nèi)容</TD>
<TD bgColor=#ff2400>內(nèi)容</TD>
代 碼∶可以分別改變表格外框右RIGHT、上TOP、左LEFT、下BOTTOM 的四邊顏色〖藍(lán)色部分〗及寬度〖紅色部分?jǐn)?shù)值〗、淺藍(lán)色是單個(gè)表格顏色、淡藍(lán)色代碼為表格背景顏色。要想制作一列帶四欄或多欄和多行表格時(shí),按需要的欄數(shù)分別復(fù)制金色代碼部分和粉色代碼部分粘貼其后面、達(dá)到需要的欄數(shù),再按需要的行數(shù),將黃色代碼和復(fù)制后的粉色代碼同時(shí)復(fù)制,粘貼其后面,直到需要的行數(shù)。但最后一定把紅色合并行代碼 rowSpan=5 的數(shù)值改成實(shí)際列數(shù)值。藍(lán)色代碼width=300 是表格總寬、當(dāng)然也可按需要分別改其它表格寬,只要把寬度代碼粘貼在<TD>里面調(diào)好數(shù)值即可。
