如何使< a href ="">链接看起来像一个按钮?

问题描述:

我有这个按钮图片:

I have this button image:

我想知道是否可以做一个简单的< a href =>一些单词< / a>

I was wondering whether it would be possible to make a simple <a href="">some words</a> and style that link to appear as that button?

如果可以,我该怎么做?

If it is possible, how do I do that?

使用CSS:

.button {
    display: block;
    width: 115px;
    height: 25px;
    background: #4E9CAF;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    color: white;
    font-weight: bold;
}

<a class="button">Add Problem</a>

http://jsfiddle.net/GCwQu/