<a href="#">click!</a>
a {
 background:#cccc99;
 border-radius:3px;
 box-shadow:0px 7px #999966;
 color:#333;
 display:block;
 font-weight:bold;
 padding:20px;
 text-align:center;
 text-decoration:none;
 width:10%;
}
a:active {
 box-shadow:none;
 position:relative;
 top:7px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.