在一个id为bt1的按钮上设置样式，如下：
#bt1{
font-family:微软雅黑 <!-- 字体 --> width: 60px <!-- 宽度 -->height:30px <!-- 高度 -->
font-size:14px <!-- 字体大小-->
color:gray <!--字体颜色 -->
border: 1px solid red； <!-- 边框；边框宽度、单线、边框颜色 -->
margin-left: 10px <!-- 左边距，相应的还有右边距margin-right, 上margin-top,下 margin-buttom -->
background-color:#F1F1F1 <!--背景色；十六位颜色表示时前加#符号
transparent是透明-->
box-shadow:10px 10px 10px gray <!-- 阴影；x轴偏移（右偏为正），y轴偏移（向下 为正），模糊度，模糊颜色 -->
border-radius:10px 10px 10px 10px<!-- 圆角；左上，右上，右下，左下-->
cursor:pointer <!-- 鼠标经过时鼠标变成小手 -->
}
方法/步骤HTML结构
该鼠标点击按钮特效中每一个可点击的元素都是一个<button>按钮
CSS样式
以下是该css3点击按钮特效的通用CSS样式：
插件中通过在点击按钮时使用javascript来为它添加相应的动画CLASS来执行动画效果：
上面的CSS代码可以生成如下图的动画效果：
在“Stana”效果中，使用了html5 SVG clipPath，在它上面添加了一个transition。这个效果只能在Chrome浏览器中才能看到效果。
在“Stoja”效果中使用了CSS clip-path属性，这个效果也需要浏览器的支持才能看得到的。
<tr><td >增加空格</td>
<td ><button type="button">Button</button></td>
</tr>
上面的增加空格改为 就是空格的转义码，试一试吧
不行就用css来设置，初步看应该是这个原因
