<html>
<head>
  <title>Div example</title>
</head>
<body>

<style type="text/css">
.button1 {
  background-color: #ff0000;
  border: 2px #ff0000 outset;
  padding: 2px 5px;
  color: #000000;
  text-decoration: none;
  font: bold 10px Verdana;
}

.button1:visited, .button1:hover, .button1:active{
  color: #ffffff;
  text-decoration: none;
  font: bold 10px Verdana;
}

.button2 {
  background-color: #00ff00;
  border: 2px #00ff00 outset;
  padding: 2px 5px;
  color: #000000;
  text-decoration: none;
  font: bold 10px Verdana;
}

.button2:visited, .button2:hover, .button2:active{
  color: #ffffff;
  text-decoration: none;
  font: bold 10px Verdana;
}

.button3 {
  background-color: #0000ff;
  border: 2px #0000ff outset;
  padding: 2px 5px;
  color: #000000;
  text-decoration: none;
  font: bold 10px Verdana;
}

.button3:visited, .button3:hover, .button3:active{
  color: #ffffff;
  text-decoration: none;
  font: bold 10px Verdana;
}
</style>

<a href="https://www.mobilefish.com" class="button1">Button 1</a>
<a href="https://www.mobilefish.com" class="button2">Button 2</a>
<a href="https://www.mobilefish.com" class="button3">Button 3</a> 

</body>
</html>