CSS制作3D风格的网页按钮特效代码
来源： 录入时间：07-06-09 21:38:22
<html> <body> <style type="text/css"> #elButton a { color: #000000; font-size:10px; font-family:verdana; font-weight:bold; text-decoration: none; border:4px outset aqua; background-color:#00ffff; display: block; width: 160px; 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:10px; font-family:verdana; font-weight:bold; text-decoration: none; border:4px outset aqua; background-color:#00ffff; display: block; width: 160px; 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="#">Java Script</a> </div> <div> <a href="#">Dynamic HTML</a> </div> <div> <a href="#">Server Side</a> </div> <div> <a href="#">Client Side</a> </div> </div> </body> </html>
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
上一篇文章： 下一篇文章：