Question

我添加了一个这样的CSS按钮： http://pastebin.com/UZCgmqSN 为什么我不能使用简单的HTML代码？..

链接href为按钮提供蓝色边框+文字颜色，每当我从中移除<A>时，它仍然保持不变。

我希望整个按钮成为一个链接，而不是像您需要将鼠标悬停在文本上以转到该链接。

基本上我不希望样式影响我的按钮。

解决方案可以是：在指定div时禁用链接样式谢谢。

Answer 1

在此处添加填充将使文本周围的区域也可单击。另外，应用以下样式：

a {
    text-decoration:none;
}
a div {
    background:#444;
    color:#fff;
    border:1px solid #333;   
    text-align:center;
    padding:5px;
    width:100px;
}

这应该这样做。

检查一下：http://jsfiddle.net/yFZ4y/

编辑：在 INLINE 元素中使用 div 或ANY 块级元素（例如）是不好的做法。请改用 span 。

Answer 2

这是一个链接/按钮http://jsfiddle.net/CRjrz/

的示例

<div>
    <a href="#">link text</a>
</div>

a
{
    display: block;
    width: 100px;
    height: 35px;
    text-decoration: none;
    color: black;
    text-align: center;
    line-height: 35px;
}
div
{
    border: solid 1px black;
    width: 100px;
    height: 35px;
}

一个href废墟div按钮给出随机边框

2 个答案: