Border Around A Button

August 13, 2017 by Dominate Marketing

Buttons on websites start to all look the same after a while, so lets funk up a button with a border around the outside.

<div class="border-btn"><a href="https://sistasinsuccess.com">Our button</a></div>

Awesome Web Developer

Now let’s add the styling …

.border-btn a:before {
    content: '';
    position: absolute;
    top: -3px;
    right: -3px;
    bottom: -3px;
    left: -3px;
    border: 1px solid #FF007F;
}