css button

by John Wick

HTML

<html>

<head>

<meta name="viewport" content="width=device-width, initial-scales=1">

<style>
 .btn {
text-align: center;
text-decoration: none;
font-weight: bold;
font-size: 20px;
font-family: sans-serif, arial;
color: #ffffff;
border-radius: 10px;
padding: 15px 20px;
margin-right: 15px;
margin-left: 15px;
} 


 .btn-blue {
background-color: #2E86C1;
}

.btn-green {
background-color: #28B463;
}

.btn-red {
background-color: #FF0000;
} 

</style>

</head>

<body>

<div id="buttonExamples">

<a href="http://www.lovetoknow.com" target="_blank" class="btn btn-blue">Button</a>

<a href="http://www.lovetoknow.com" target="_blank" class="btn btn-green">Button</a>

<a href="http://www.lovetoknow.com" target="_blank" class="btn btn-red">Button</a>

</div>

</body>

</html>