css 立体效果: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>

本文链接http://www.cxybl.com/html/wyzz/css/20130908/40078.html

欢迎大家阅读《css 立体效果:CSS立体按钮效果_css》,跪求各位点评,若觉得好的话请收藏本文，by 搞代码

搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]‍，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：css 立体效果:CSS立体按钮效果_css

Hi，您需要填写昵称和邮箱！