css 立体效果:CSS立体按钮效果

 

  • <head>
  • <title>立体按钮 - www.cxybl.com</title>
  • <style type="text/css">
  • #elButton a {
  • color: #000000;
  • font-size:12px;
  • font-family:verdana;
  • font-weight:bold;
  • text-decoration: none;
  • border:4px outset aqua;
  • background-color:#00ffff;
  • display: block;
  • width: 130px;
  • padding: 3px 5px;
  • margin: 1px;
  • }
  • #elButton a:hover {
  • background-color: #00c0c0;
  • color:#000000;
  • padding-left:4px;
  • border:4px inset aqua;
  • }
  • #elButton a {
  • color: #000;
  • font-size:12px;
  • font-family:verdana;
  • font-weight:bold;
  • text-decoration: none;
  • border:4px outset aqua;
  • background-color:#00ffff;
  • display: block;
  • width: 130px;
  • padding: 3px 5px;
  • margin: 1px;
  • }
  • #elButton a:hover {
  • background: #00c0c0;
  • color:#000000;
  • padding-left:4px;
  • border:4px inset aqua;
  • }
  • </style>
  • </head>
  • <body>
  • <div id="elButton">
  • <div>
  • </div>
  • </div>
  • </body>
  • </html>


 

 


 
 
 

本站永久域名

www.iulei.com

爱优磊个人网站由站长制作并维护

爱优磊保留本网页的设计版权,任何人在未经许可情况下不得套用。

Copyright ©2015 All rights reserved. 京ICP备14003788