hyperlink as a button using CSS

hyperlink as a button using CSS

by Karmik Patel

HTML

<a href="#">Hover me</a>

CSS

a {
  display: inline-block;
  background: #c3c3c3;
  color: #000;
  padding: 2px 10px;
  text-align: center;
  text-decoration: none;
  font-size: 10px;
  cursor: pointer;
}
a:hover {
  background:#000;
  cursor: pointer;
  color: #FFF;
}