css - 如何增加 anchor 或按钮元素的可点击区域?

标签 css button html clickable

我从中学到了post总是使用 anchor 或按钮元素来制作按钮。现在我正在尝试使用 anchor 元素。

有什么方法可以增加 anchor 元素的可点击区域吗?假设我在 div 框中使用 anchor 。我希望整个 div 框成为一个按钮。我可以将 anchor 的点击区域更改为整个 div 框吗? 感谢您的帮助。

最佳答案

要增加文本链接的区域,您可以使用以下 css;

a {
  display: inline-block;
  position: relative;
  z-index: 1;
  padding: 2em;
  margin: -2em;
}
<a href="">An anchor element</a>

  • 显示:需要内联 block 以便可以设置边距和填充
  • 位置必须是相对的,这样...
  • z-index 可用于使可点击区域位于任何后续文本的顶部。
  • 内边距增加了可点击的区域
  • 负边距保持周围文本的流动(注意重叠链接)

关于css - 如何增加 anchor 或按钮元素的可点击区域?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11078509/

相关文章:

html - 多个标签的对齐 - HTML, CSS

html - 使用 <div> 作为父元素

ios - animateWithDuration 和 UIViewAnimationOptionsAllowUserInteraction

html - 背景不透明度

javascript - CSS 缩小脚本遗漏了一些 CSS3 属性

javascript - 无需放置高度的可滚动容器

c#按钮上的图像和文本,以按钮为中心?

HTML/CSS 如何删除按钮图标

html - 显示为内联的 block 元素(绝对定位,左侧)

php - 如何使用 '$row' 将一个数据库表中的特定值插入到另一个数据库表中?