CSS simple button

CSS simple button with CSS hover effects

by ITpresent

HTML

<button class="a">PRESS</button>






















<br><br><br>
<a href="https://itpresent.com/web/css/buttons.php" target="_blank">CSS Styling Button Examples</a>

CSS

.a {
  color: white;
  font-weight: bold;
  font-size: 25px;
  background-color: red;
  border: 3px solid #7C1C01;
  border-radius: 5px;
  text-decoration: none;
  padding: 1px 10px 1px 10px;
}

.a:hover {
  background-color: white;
  color: #7C1C01;
}