Try it Yourself: CSS Links

CSS Links

<!DOCTYPE html>
<html>
<head>
<style>
.button {
  display: inline-block;
  padding: 10px 18px;
  background-color: #00643c;
  color: #ffffff;
  text-decoration: none;
  border-radius: 6px;
}
</style>
</head>
<body>

<a class="button" href="#signup">Sign up</a>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<style>
.button {
  display: inline-block;
  padding: 10px 18px;
  background-color: #00643c;
  color: #ffffff;
  text-decoration: none;
  border-radius: 6px;
}
</style>
</head>
<body>

<a class="button" href="#signup">Sign up</a>

</body>
</html>