详细的操作步骤如下:
1、单击“插入表格”按钮,插入一个4行3列的表格,相关属性设置是: 边框粗细设为0、单元间距、单元边距都设为1 表格宽度设为400px,边框颜色为蓝色
代码设置为: borderColor=#5599aa 边框颜色 cellSpacing=1 表格中单元格间距为1 cellPadding=1 表格中单元格边距为1 width=400 表格宽度 border=0 边框设置为“0”
然后把以下代码插入table后面 例如: <TABLE style="BORDER-TOP: 1px dotted; BORDER-LEFT: 1px dotted" borderColor=#5599aa cellSpacing=1 cellPadding=1 width=400 border=0>
最后一步是在代码区,在每个"td"后面插入以下代码即可。
以下是代码片段:
style="BORDER-RIGHT: 1px dotted; BORDER-BOTTOM: 1px dotted" |
效果图如下:
整个表格的代码是:
以下是代码片段:
<TABLE style="BORDER-TOP: 1px dotted; BORDER-LEFT: 1px dotted" borderColor=#5599aa cellSpacing=1 cellPadding=1 width=400 border=0> <TBODY> <TR> <TD style="BORDER-RIGHT: 1px dotted; BORDER-BOTTOM: 1px dotted">1</TD> <TD style="BORDER-RIGHT: 1px dotted; BORDER-BOTTOM: 1px dotted">2</TD> <TD style="BORDER-RIGHT: 1px dotted; BORDER-BOTTOM: 1px dotted">3</TD></TR> <TR> <TD style="BORDER-RIGHT: 1px dotted; BORDER-BOTTOM: 1px dotted">2</TD> <TD style="BORDER-RIGHT: 1px dotted; BORDER-BOTTOM: 1px dotted">1</TD> <TD style="BORDER-RIGHT: 1px dotted; BORDER-BOTTOM: 1px dotted">3</TD></TR> <TR> <TD style="BORDER-RIGHT: 1px dotted; BORDER-BOTTOM: 1px dotted">3</TD> <TD style="BORDER-RIGHT: 1px dotted; BORDER-BOTTOM: 1px dotted">1</TD> <TD style="BORDER-RIGHT: 1px dotted; BORDER-BOTTOM: 1px dotted">2</TD></TR> <TR> <TD style="BORDER-RIGHT: 1px dotted; BORDER-BOTTOM: 1px dotted">3</TD> <TD style="BORDER-RIGHT: 1px dotted; BORDER-BOTTOM: 1px dotted">1</TD> <TD style="BORDER-RIGHT: 1px dotted; BORDER-BOTTOM: 1px dotted">2</TD></TR></TBODY></TABLE> | |