<html>
<head>
<title>是这个效果吧</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
<!--
.snormal {
border: 1px solid #CCCCCC;
}
.sover {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #FFFFFF;
border-right-color: #999999;
border-bottom-color: #999999;
border-left-color: #FFFFFF;
}
.sdown {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #999999;
border-right-color: #FFFFFF;
border-bottom-color: #FFFFFF;
border-left-color: #999999;
}
-->
</style>
</head><body bgcolor="#CCCCCC">
<table width="29%" height="30" border="0" cellpadding="0" cellspacing="0">
  <tr align="center"> 
    <td class="snormal" onMouseOver="this.className='sover'" onMouseDown="this.className='sdown'" onmouseup="this.className='snormal'">fsdf</td>
    <td class="snormal" onMouseOver="this.className='sover'" onMouseDown="this.className='sdown'" onmouseup="this.className='snormal'">fsdf</td>
  </tr>
</table>
</body>
</html>