Find centralized, trusted content and collaborate around the technologies you use most.
Teams
Q&A for work
Connect and share knowledge within a single location that is structured and easy to search.
我想在悬停时在我的下拉菜单周围有一个边框。我希望顶部菜单上的左右边框与下拉菜单上的边框对齐。而且我不想在顶部菜单的文本下方看到边框。我不确定我是否清楚地解释了事情,所以我附上了一张我想要的图片。
这是我的尝试
这是一种很酷的风格。要实现它,CSS 需要执行以下操作:
选项卡 (#nav ul li a) 将需要白色背景和顶部、左侧和右侧的黑色边框。
下拉菜单需要一个白色背景和一个黑色边框。
诀窍是使用z-index将选项卡放在下拉列表上方,并使选项卡在悬停时略高。选项卡的底部应延伸到选项卡行底部的下方,以覆盖下拉列表顶部边框的一部分。那有意义吗?
z-index
如果您在编写 CSS 方面需要帮助,我建议您在问题中添加代码。
希望这可以帮助!