我希望在悬停时我的下拉菜单旁边有一个边框。我希望顶部菜单上的右边框和左边框与下拉框架上的边框对齐。而且我不希望在顶部菜单上看到文本下方的边框。我不确定我是否清楚地解释了事情,所以我要包括picture我想要的东西。
Here是我的尝试
答案 0 :(得分:1)
这是一种很酷的风格。要实现它,CSS需要执行以下操作:
标签(#nav ul li a)的顶部,左侧和右侧需要白色背景和黑色边框。
下拉列表需要白色背景和四周黑色边框。
诀窍是使用z-index
将标签放在下拉列表上方,并使标签在悬停时稍微高一些。选项卡的底部应延伸到选项卡行的底部下方,以便覆盖下拉列表顶部边框的一部分。这有意义吗?
如果您需要帮助编写CSS,我建议您在问题中添加代码。
希望这有帮助!