1

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

是我的尝试

4

1 回答 1

1

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

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

下拉菜单需要一个白色背景和一个黑色边框。

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

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

希望这可以帮助!

于 2012-07-05T17:19:39.700 回答