Switch to Accessible Site
Interracial Couple

CSS Buttons

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
{
  • 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>