html - 如何使 HTML anchor 标记(或链接)看起来像一个按钮？

Question

我有这个按钮图片:

我想知道是否可以做一个简单的

<a href="">some words</a> 

并设置链接的样式以显示为该按钮？

如果可能，我该怎么做？

Answer 1

使用 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/