仿软件浮动按钮

来自「网页特效」· 代码 · 共 26 行

TXT
26
字号
<html>
<style type="text/css">
<!--

.text {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12pt; color: #ff0000 }
a:hover {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12pt; color: #000000 ;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 #ffffff solid; border-right: 1px #ffffff solid; border-bottom: 1px #ffffff solid }
.link {text-decoration: none; color:#000000; font-family: 宋体}
-->
</style>
</head>

<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 style="cursor: default" href="../index.htm" target="_blank">测试按钮</a>
        </div>
    </td>
  </tr>
</table>
</html>

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?