CSS如何实现立体按钮效果

  • 来源: 阿里西西   2016-04-21/09:14
  • <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> 


    评论 {{userinfo.comments}}

    {{money}}

    {{question.question}}

    A {{question.A}}
    B {{question.B}}
    C {{question.C}}
    D {{question.D}}
    提交

    驱动号 更多