Creating and styling a button

in GitPlait5 years ago

download.png

In this tutorial we are going to be learning, how to create and style a button.
In your HTML page where its required, you;

  1. write a code using the button tags
<button>Success</button>
<button>Info</button>
<button >Warning</button>

2 Remeber to include classes into them to enable CSS styling

<button class="btn success">Success</button>
<button class="btn info">Info</button>
<button class="btn warning">Warning</button>

3 Below is some CSS button styling I included

4 To know the button your referring to in CSS, you would put in what you named it in your button class

.btn {
  border: 2px solid black;
  background-color: white;
  color: black;
  padding: 13px 26px;
  font-size: 16px;
  cursor: pointer;
}

Stay tuned for more.