How to make <a href=""> link look like a button?
Using CSS:
.button {
display: block;
width: 115px;
height: 25px;
background: #4E9CAF;
padding: 10px;
text-align: center;
border-radius: 5px;
color: white;
font-weight: bold;
line-height: 25px;
}
<a class="button">Add Problem</a>
http://jsfiddle.net/GCwQu/
Check Bootstrap's docs. A class .btn
exists and works with the a
tag, but you need to add a specific .btn-*
class with the .btn
class.
eg: <a class="btn btn-info"></a>
you can easily wrap a button with a link like so <a href="#"> <button>my button </button> </a>