- 3/5
- 1
- 2
- 3
- 4
- 5
织梦DedeCMS视频教程买空间 租服务器 选网硕互联! 无忧站长工具,百度权重一键全查!
CSS立体按钮,只是提供一种3D按钮的制作思路,实际效果可能需要你自己慢慢修善,直至你满意为止。
<html> <head> <title>立体按钮</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> <a href="/">模板无忧</a> </div> <div> <a href="/jscss/">网页特效</a> </div> </div> </body> </html>