Why CSS buttons?
CSS buttons load faster and look crisper than image-based buttons, and can be customized on the fly.
Base Code
CSS
.button a
{
.button
{
{
- color:white !important;
- text-decoration:none;
- display:inline-block;
- background-color:lightsalmon;
- border-radius:6px;
- padding:4px 10px;
- box-shadow: 0 6px coral;
- font-size:20px;
- font-family:sans-serif;
.button
{
- display:inline-block;
- background-color:lightsalmon;
- border-radius:6px;
- padding:4px 10px;
- box-shadow: 0 6px coral;
- font-size:20px;
- font-family:sans-serif;
HTML
<div class="button">
<a href="#">your text here</a>
</div>
<a href="#">your text here</a>
</div>