通俗基础教程

如 何 用 表 格 制 作 突 起 的 按 钮 效 果

　

This is table button

看见上面的按钮了吗？其实不是一个真正的按钮"button"，也不是一张图片，这是实实在在的一个表格。(看原代码就清楚了)。

　　它的实现方法很简单，利用了表格的两个参数：borderColorDark和 borderColorLight，分别设定表格的右下和左上四条边框的颜色。利用眼睛的错觉，让你看起来象立体按钮。本例的代码是：

<table border="1" width="100%" cellspacing="0">
<tr>
<td bgColor="#cc3300" borderColorDark="#ff3300" borderColorLight="#990000" width="100%"><p
align="center"><font face="Arial, Helvetica, sans-serif" size="-1"><b>This is table button</b></font></td>
</tr>
</table>
　　有兴趣可以试试，只对IE浏览器有效果。