Link Buttons

CSS Link Buttons

CSS can be used to create HTML link buttons:

Example

a:link, a:visited {
  background-color: #f44336;

color: white;
  padding: 14px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

a:hover, a:active {
  background-color: red;
}

Example

  a:link, a:visited {
  background-color: white;
  color: black;

  border: 2px solid green;
  padding: 10px 20px;
  text-align:
  center;
  text-decoration: none;
  display: inline-block;
}

a:hover, a:active
  {
  background-color: green;
  color: white;
}