水晶表格制作及代码

v云雾青山 2018-10-05

展开全文

标题

内容

1.代码：<TABLE borderColor=#cc0606 height=200 cellSpacing=0 cellPadding=0 width=200 align=center border=1>
<TBODY>
<TR>
<TD style="FILTER: Blur(Add=true, Direction=180, Strength=20)" bgColor=#cc0606 height=22>
<P align=center><FONT color=#ffffff>标题</FONT></P></TD></TR>
<TR>
<TD vAlign=top height=178>
<P align=center><FONT color=#ffffff>内容 </FONT></P></TD></TR></TBODY></TABLE>

===================================================================================

标题	标题
内容	内容

2.代码： <TABLE borderColor=#cc0606 height=200 cellSpacing=0 cellPadding=0 width=200 align=center border=1>
<TBODY>
<TR>
<TD style="FILTER: Blur(Add=true, Direction=180, Strength=20)" bgColor=#cc0606 height=22>
<P align=center> <FONT color=#ffffff>标题</FONT></P></TD>
<TD style="FILTER: Blur(Add=true, Direction=180, Strength=20)" bgColor=#cc0606 height=22>
<P align=center><FONT color=#ffffff> 标题</FONT></P></TD></TR>
<TR>
<TD vAlign=top height=178>
<P align=center><FONT color=#ffffff>内容 </FONT></P></TD>
<TD vAlign=top height=178>
<P align=center><FONT color=#ffffff>内容 </FONT></P></TD></TR></TBODY></TABLE>

===================================================================================

标题

内容

3.代码： <TABLE borderColor=#cc0606 height=42 cellSpacing=0 cellPadding=0 width=200 align=center border=1>
<TBODY>
<TR>
<TD style="FILTER: Blur(Add=true, Direction=180, Strength=20)" bgColor=#cc0606 height=22>
<P align=center> <FONT color=#ffffff>标题</FONT></P></TD></TR>
<TR>
<TD vAlign=top height=10>
<P align=center><FONT color=#ffffff>内容 </FONT></P></TD></TR>
<TR>
<TD vAlign=top height=10>
<P align=center><FONT color=#ffffff>内容 </FONT></P></TD></TR></TBODY></TABLE>
<P><BR></P></FONT>

===================================================================================

代码说明

上面三个效果是最基本的示范，你可以多做几行（列）

1、表格颜色可换，borderColor=#cc0606 、bgColor=#cc0606

2、高height=42 和width=200按需要调整。

3、增加一行（效果三）

依此类推增加行
4、增加一列（效果二）

表头增加

表格同时增加
<TD vAlign=top height=178>内容 </TD>

依此类推增加列

更多的博客制作代码点击欣赏...