Css a href div按钮提供随机边框

我添加了一个CSS按钮，如下所示： 为什么我不能使用简单的HTML代码

链接href为按钮提供了蓝色边框+文本颜色，每当我从中删除

时，它仍然保持不变

我希望整个按钮是一个链接，而不是像你需要在文本上悬停到该链接

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

解决方案可能是：禁用指定div上的链接样式

---

谢谢。

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

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

这应该可以做到

看看这个：

---

编辑：在内联元素中使用div或任何块级元素（如a）是不好的做法。请改用span。

以下是链接/按钮的示例

​
A.
{
显示：块；
宽度：100px；
高度：35px；
文字装饰：无；
颜色：黑色；
文本对齐：居中；
线高：35px；
}
div
{
边框：实心1px黑色；
宽度：100px；
高度：35px；
}​

我在链接中看到一个div（在HTML4中无效），但没有按钮。你也必须发布CSS。并将HTML和CSS都发布在问题正文上，而不是粘贴在pastebin上。如果你能解释一下就好了。例如，不清楚您所称的“按钮”是什么。是潜水舱吗？锚？两者的结合？请不要仅仅因为用户的知识不足就否决这个问题。有人能告诉他不能在链接中使用块标记吗？看起来这是一个很好的答案。正如Gustonez所说，将块标记放在链接标记中通常被认为是不好的做法。是的，同意！但这个例子是对他的问题的“直接”回答，其中a位于元素内部。虽然，我同意，这是一种不好的做法。PS：更新了我的答案以反映这一点。

<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;
}​