漂亮的表格制作分解

博元

漂亮的表格制作分解 效果图及代码 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容   多行多列表格代码 <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>内容</TD> <TD bgColor=#ff2400>内容</TD> <TD bgColor=#ff2400>内容</TD> <TR align=middle> <TD bgColor=#ff2400>内容</TD> <TD bgColor=#ff2400>内容</TD> <TD bgColor=#ff2400>内容</TD> 说 明∶可以分别改变表格外框右RIGHT、上TOP、左LEFT、下BOTTOM 的四边颜色〖蓝色部分〗及宽度〖红色部分数值〗、浅蓝色是单个表格颜色、淡蓝色代码为表格背景颜色。想作个多行多列表格,按需要的列数,分别复制金色代码部分和粉色代码部分粘贴其后面,直到需要的列数、再按需要的行数,将黄色代码和复制后的粉色代码同时复制,粘贴其后面,直到需要的行数即成了。蓝色代码width=300 是表格总宽、当然也可按需要分别改其它表格宽,只要把宽度代码粘贴在<TD>里面调好数值即可。   一 栏 三 列 表 格 内容 内容 内容 内容 内容 内容 内容 内容 内容   一栏三列表格代码 <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>内容</TD> <TR align=middle> <TD bgColor=#ff2400>内容</TD> <TD bgColor=#ff2400>内容</TD> <TD bgColor=#ff2400>内容</TD> <TR align=middle> <TD bgColor=#ff2400>内容</TD> <TD bgColor=#ff2400>内容</TD> <TD bgColor=#ff2400>内容</TD> 代 码∶可以分别改变表格外框右RIGHT、上TOP、左LEFT、下BOTTOM 的四边颜色〖蓝色部分〗及宽度〖红色部分数值〗、浅蓝色是单个表格颜色、淡蓝色代码为表格背景颜色。要想制作一栏三列或多列和多行表格时,按需要的列数分别复制金色代码部分和粉色代码部分粘贴其后面、达到需要的列数,再按需要的行数,将黄色代码和复制后的粉色代码同时复制,粘贴其后面,直到需要的行数。但最后一定把红色合并列代码 colSpan=3 的数值改成实际列数值。蓝色代码width=300 是表格总宽、当然也可按需要分别改其它表格宽,只要把宽度代码粘贴在<TD>里面调好数值即可。   一 列 三 栏 表 格 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容   一列三栏表格代码 <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>内容</TD> <TR align=middle> <TD bgColor=#ff2400>内容</TD> <TD bgColor=#ff2400>内容</TD> <TD bgColor=#ff2400>内容</TD> <TR align=middle> <TD bgColor=#ff2400>内容</TD> <TD bgColor=#ff2400>内容</TD> <TD bgColor=#ff2400>内容</TD> 代 码∶可以分别改变表格外框右RIGHT、上TOP、左LEFT、下BOTTOM 的四边颜色〖蓝色部分〗及宽度〖红色部分数值〗、浅蓝色是单个表格颜色、淡蓝色代码为表格背景颜色。要想制作一列带四栏或多栏和多行表格时,按需要的栏数分别复制金色代码部分和粉色代码部分粘贴其后面、达到需要的栏数,再按需要的行数,将黄色代码和复制后的粉色代码同时复制,粘贴其后面,直到需要的行数。但最后一定把红色合并行代码 rowSpan=5 的数值改成实际列数值。蓝色代码width=300 是表格总宽、当然也可按需要分别改其它表格宽,只要把宽度代码粘贴在<TD>里面调好数值即可。