网页表格特效

我们制作网页时不可不用到表格，但默认的表格效果很单调。其实，只要我们利用FrontPage稍加加工，表格也可以变得很漂亮。

一、立体表格
要作出漂亮的立体表格，关键是灵活设置“表格属性”中的“单元格边距”、“单元格间距”、“亮边框颜色”、“暗边框颜色”、“边框粗细”等项。
1、样式一：
要得到样式一的效果，“表格属性”的设置就应该如图:

切换到HTML窗口，代码如下：
<TABLE borderColor=#ffffff cellSpacing=3 width="75%" bgColor=#66ccff borderColorLight=#000000 border=1>
2、样式二：
要得到样式二的效果，“表格属性”的设置就应该如图:

切换到HTML窗口，代码如下：
<TABLE borderColor=#ffffff cellSpacing=3 width="75%"
bgColor=#66ccff border=1 bordercolordark="#000000">
3、样式三：
要得到样式三的效果，“表格属性”的设置就应该如图:

切换到HTML窗口，代码如下：
<TABLE cellpadding=0 width="75%" bgColor=#66ccff
borderColorLight=#000000 border=1>
4、样式四：
要得到样式四的效果，“表格属性”的设置就应该如图:

切换到HTML窗口，代码如下：
<TABLE borderColor=#ffffff cellSpacing=0 borderColorDark=#666666 cellpadding=0
width="75%" bgColor=#66ccff borderColorLight=#ffffff border=4>
5、样式五：
要得到样式五的效果，“表格属性”的设置就应该如图:

切换到HTML窗口，代码如下：
<TABLE borderColor=#ffffff cellSpacing=0 borderColorDark=#000000 cellPadding=0
width="75%" bgColor=#66ccff borderColorLight=#999999 border=1>

二、透明效果的表格
如果你在网页上运用一个半透明或者75％透明效果的表格，朦朦胧胧，神神秘密，一定会为你的网页增色不少。效果见图:

代码如下：
<table border="1" width="75%" bgcolor="#66CCFF" style="FILTER:alpha(opacity=50)">
可以修改“opacity＝”后的数值为你所需要的透明度。

三、表格边框的隐藏
根据你的网页样式灵活显示与隐藏表格的边框会起到意想不到的效果的。
1、表格边框的显示与隐藏：
你只需在<table>中加入：<table FRAME=XXXXX>即可。其中“FRAME＝”后的“XXXXX”具体代码如下：
ABOVE：只显示上边框。BELOW：只显示下边框。HSIDERS：显示左右边框。RHS：显示右边框。CHS：显示左边框。RSIDES：显示上下边框。VOID：不显示边框。BOX：全显（默认）。
例如：代码<table border="2" width="75%" frame=above bordercolor="#66CCFF" cellspacing="0" cellpadding="0">显示效果如图:

2、表格中单元格边框的隐藏：
要想隐藏某一个单元格的某一条边，只需在<td>中加上：<td style="border-right-style:none">即可。其中，“style="后的代码如下：
border-right-style:none隐藏右边框。
border-left-style:none隐藏左边框。
border-top-style:none隐藏上边框。
border-bottom-style:none隐藏下边框。
具体效果如图: