CSS水平下拉调整边框

时间:2012-07-05 17:09:50

标签: css drop-down-menu border

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

Here是我的尝试

1 个答案:

答案 0 :(得分:1)

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

标签(#nav ul li a)的顶部,左侧和右侧需要白色背景和黑色边框。

下拉列表需要白色背景和四周黑色边框。

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

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

希望这有帮助!