打造水晶表格效果

效果一、

标题

内容

代码分享

<TABLE borderColor=#3cb371 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=#3cb371 height=22>&nbsp;标题</TD></TR>

<TR>

<TD vAlign=top height=178>内容 </TD>

</TR></TBODY></TABLE>

 

 

效果二、

标题  标题

内容 内容

代码分享

<TABLE borderColor=#3cb371 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=#3cb371 height=22>&nbsp;标题</TD>

<TD style="FILTER: Blur(Add=true, Direction=180, Strength=20)" bgColor=#3cb371 height=22>&nbsp;标题</TD></TR>

<TR>

<TD vAlign=top height=178>内容 </TD>

<TD vAlign=top height=178>内容 </TD>

</TR></TBODY></TABLE>

 

 

效果三、

标题

内容

内容

代码分享

<TABLE borderColor=#3cb371 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=#3cb371 height=22>&nbsp;标题</TD></TR>

<TR>

<TD vAlign=top height=10>内容 </TD></TR>

<TR>

<TD vAlign=top height=10>内容 </TD></TR>

</TBODY></TABLE>

代码说明

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

1、表格颜色可换，borderColor=#3cb371 、bgColor=#3cb371 进入《颜色代码大全》。

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

3、增加一行（效果三）

<TR>

<TD vAlign=top height=10>内容 </TD></TR>

依此类推增加行

4、增加一列（效果二）

表头增加

<TD style="FILTER: Blur(Add=true, Direction=180, Strength=20)" bgColor=#3cb371 height=22>&nbsp;标题</TD>

表格同时增加

<TD vAlign=top height=178>内容 </TD>

依此类推增加列

 

 

 

 

ldm2124086 欢迎光临