当前位置:开发者网络 >> 网页特效 >> 按钮特效 >> 内容
精彩推荐
分类最新特效
分类热点特效
  
windows风格的按钮
日期: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>