凸起的按钮效果_CSS/HTML

<table width="100" bgcolor="buttonface"><tr> <td width="100%" name="cool" bgcolor="buttonface" onmouseover="movr(this)" onmouseout="mout(this)" onmouseup="movr(this)" onmousedown="mdwn(this)"> button </td> <td width="100%" bgcolor="buttonface" onmouseover="movr(this)" onmouseout="mout(this)" onmouseup="movr(this)" onmousedown="mdwn(this)"> button </td> <td width="100%" bgcolor="buttonface" onmouseover="movr(this)" onmouseout="mout(this)" onmouseup="movr(this)" onmousedown="mdwn(this)"> button </td> <td width="100%" bgcolor="buttonface" onmouseover="movr(this)" onmouseout="mout(this)" onmouseup="movr(this)" onmousedown="mdwn(this)"> button </td> </tr></table>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

<style> body{background: #DDD;} table { width: 450px;height:75; background: #CCC;filter:progid:DXImagetransform.microsoft.shadow(strength=10,direction=135,color=#666666); } td{text-align: center;} td a{ width: 100px; 30px; text-align: center; border-top: 2px solid #FFF; border-bottom: 2px solid #333; text-decoration: none;padding:3px; } td a:hover{ background: #DDD;font-family:华文行楷;padding:5px; } td a:active { padding:7px; color: #ED1C24; font-weight: bold; } </style> <table border="0" align="center"> <tr> <td><a href="#">金翅擘海</a></td> <td><a href="#"><b><font color="#22FF22">知</font><font color="#FF2222">往</font><font color="#001199">观</font><font color="#00fffa">来</font></b></a></td> <td><a href="#">独来读网</a></td> <td><a href="#">野火寒烟</a></td> </tr> <tr> <td><a href="#">萧萧小雨</a></td> <td><a href="#">湖面无舟</a></td> <td><a href="#">孤零飘客</a></td> <td><a href="#">天牙海脚</a></td> </tr> </table>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

<table width="60" cellspacing="16" bgcolor="buttonface" style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=blue,endColorStr=white);"><tr> <td width="100%" name="cool" bgcolor="buttonface" onmouseover="movr(this)" onmouseout="mout(this)" onmouseup="movr(this)" onmousedown="mdwn(this)"> <font size="4" face="微软简行楷"><font color="#FF0080">鹤</font><font color="#AA55AA">发</font><font color="#55AAD4">童</font><font color="gold">颜</font></font> </td> <td width="100%" bgcolor="buttonface" onmouseover="movr(this)" onmouseout="mout(this)" onmouseup="movr(this)" onmousedown="mdwn(this)"> <font size="4" face="微软简行楷"><font color="#FF00FF">青</font><font color="#0080FF">梅</font><font color="#55C000">竹</font><font color="#FF0000">马</font></font> </td> <td width="100%" bgcolor="buttonface" onmouseover="movr(this)" onmouseout="mout(this)" onmouseup="movr(this)" onmousedown="mdwn(this)"> <b><font color="#FF0000">知</font><font color="#55C000">往</font><font color="#0080FF">观</font><font color="#FF00FF">来</font></b> </td> <td width="100%" bgcolor="buttonface" onmouseover="movr(this)" onmouseout="mout(this)" onmouseup="movr(this)" onmousedown="mdwn(this)"> <b><font color="Red">金</font></b><b><font color="green">翅</font></b><b><font color="orange">擘</font></b><b><font color="blue">海</font></b> <b> </b> </td> </tr></table>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]