In this tutorial we are going to be learning, how to create and style a button.
In your HTML page where its required, you;
- 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.