windows风格的按钮

- 中国WEB开发者网络 (http://www.webasp.net)
-- 网页特效 (http://www.webasp.net/javascript/)
--- windows风格的按钮 (http://www.webasp.net/javascript/1/313.htm)
-- 发布日期： 2005-06-02
<!-- 网页特效代码由[中国WEB开发者网络:http://www.ChinaWebDev.com]提供！ -->
<!-- 要实现此效果需要 2 个步骤： -->

<!-- 第 1 步： -->
<!-- 把下面的代码加到<HEAD></HEAD>区域中： -->

<style type="text/css">
<!--
.text { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12pt; color: #ff0000;font-weight : bold }
a:hover { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12pt; color: #ff0000;font-weight : bold ;text-decoration : none }

.normal {background-color:#ccccc; }
.over {background-color:#cccccc; border-top: 1px #ffffff solid; border-left: 1px #ffffff solid; border-right: 1px #999999 solid; border-bottom: 1px #999999 solid }
.down {background-color:#cccccc; border-top: 1px #999999 solid; border-left: 1px #999999 solid; border-right: 1px #ffffff solid; border-bottom: 1px #ffffff solid }
-->
</style>



<!-- 第 2 步： -->
<!-- 把下面的代码加到<BODY></BODY>区域中： -->

<body bgcolor="#cccccc" text="#000000">
<table width="80" border="0" cellpadding="0" cellspacing="0" height="30">
<tr>
<td class=normal onmouseover='this.className="over"' onmousedown='this.className="down"' onmouseup='this.className="over"' onmouseout='this.className="normal"' >
<div align="center" >
<a href="http://www.webasp.net" class="text" style="cursor:default" >点我啊！</a>
</div>
</td>
</tr>
</table>
webasp.net