CSS Link Buttons

Link Button

Link Button

Example

Combine several CSS properties to display links as boxes/buttons a:link, a:visited {

background-color: #f44336;
color: white;
padding: 14px 25px;
text-align: center;
text-decoration: none;
display: inline-block;
}
a:hover, a:active {
background-color: red;
}

Example

Another example of how to create link boxes/buttons:

a:link, a:visited {
background-color: white;
color: black;
border: 2px solid green;
padding: 10px 20px;

text - align:

center;
text-decoration: none;
display: inline-block;
}

{
background-color: green;
color: white;
}