凸起的按鈕效果_CSS/HTML

來源:互聯網
上載者:User
<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>金翅擘海</td><td><B>知往觀來</b></td><td>獨來讀網</td><td>野火寒煙</td> </tr> <tr> <td>蕭蕭小雨</td><td>湖面無舟</td><td>孤零飄客</td><td>天牙海腳</td> </tr> </table>
[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

<body style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=blue,endColorStr=white);"> <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)'> 鶴髮童顏 </td> <td width=100% bgcolor=buttonface onmouseover='movr(this)' onmouseout='mout(this)' onmouseup='movr(this)' onmousedown='mdwn(this)'> 青梅竹馬 </td> <td width=100% bgcolor=buttonface onmouseover='movr(this)' onmouseout='mout(this)' onmouseup='movr(this)' onmousedown='mdwn(this)'> <b>知往觀來</b> </td> <td width=100% bgcolor=buttonface onmouseover='movr(this)' onmouseout='mout(this)' onmouseup='movr(this)' onmousedown='mdwn(this)'> <B>金</b><B>翅</b><B>擘</b><B>海</b><B> </td> </tr> </table>
[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
  • 相關文章

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.