html - 你能制作 "an invisible border"吗?

标签 html css border

我正在尝试 make a navbar作为练习。

我正在使用 a:hover 在悬停的按钮周围包含实线边框。但是,这会使所有其他按钮移动边框的大小。

这个问题的正确解决方法是什么?我知道还有其他人(讨论过 here ),我特地尝试使边框“不可见但即使不悬停也占用空间”。我设置了 border:transparent 希望它能做我想做的事,但它根本没有显示占用空间。

我知道我可以手动选择边框的颜色使其与背景颜色相同并使其成为纯色,但这不是我想要的。有解决这个问题的明智方法吗?

最佳答案

border: 10px solid transparent 怎么样?

关于html - 你能制作 "an invisible border"吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5790615/

相关文章:

css - 如何使用 border-image 制作自定义 CSS 边框?

html - 通用选择器而不是逗号分隔的元素

html - 为什么这个列表文本不能继承 p 的蓝色?

swift - 为 TextView 设置边框 (Xcode 6.1)

css - 克隆网站以使用 CSS 进行训练

css - Twitter Bootstrap - 样式不会显示在移动浏览器上

html - 如何在我的 2 列表单中创建边框?

javascript - 多项选择不突出元素

html - 表中的第一个 child 选择器

jquery - 将 div 固定到 100% 容器的底部并允许 while 容器滚动