📄 仿软件浮动按钮

📁 网页特效

💻

字号:

<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 + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -