CSS 水平下拉调整边框



我想在悬停时在我的下拉菜单周围有一个边框。我希望顶部菜单上的左右边框与下拉菜单上的边框对齐。而且我不想看到顶部菜单上文本下方的边框。我不确定我是否清楚地解释了事情,所以我包括一张我想要的图片。

这是我的尝试

这是一种很酷的风格。 要实现它,CSS 需要执行以下操作:

选项卡 (#nav ul li a) 需要白色背景和顶部、左侧和右侧的黑色边框。

下拉列表需要白色背景和所有侧面的黑色边框。

诀窍是使用z-index将选项卡放置在下拉列表上方,并使选项卡在悬停时略高。 选项卡的底部应延伸到选项卡行底部下方,以覆盖下拉列表顶部边框的一部分。 这有意义吗?

如果您需要编写 CSS 的帮助,我建议您在您的问题中添加代码。

希望这有帮助!

最新更新