Previous Next

CSS Buttons

Buttons can be created and customized in many different ways to suit the design requirements of a website or application.

Example:

HTML

<!DOCTYPE html>
<html>

<head>
    <title> CSS Buttons </title>
</head>

<body>
  <button> Default Button </button>
  <a href="#" class="btn"> Button </a>
</body>
</html>

CSS

.btn {
    background-color: #174bf7;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}

Output

Button
Previous Next