CSS水平下拉調整邊框

Question

我想在懸停的下拉菜單週圍設置邊框。我希望頂部菜單上的右側和左側邊框與下拉框中的邊框對齊。而且我不想在頂部菜單的文本下方看到邊框。我不確定我是否清楚地解釋事情，所以我包括我想要的picture。

Here是我嘗試

Answer 1

這是一個冷靜的風格。要實現它，CSS將需要執行以下操作：

選項卡（#nav ul li a）在頂部，左側和右側需要白色背景和黑色邊框。

下拉菜單需要白色背景和四周的黑色邊框。

訣竅是使用z-index將標籤放置在下拉菜單上方，並使標籤在懸停時稍微高一些。選項卡的底部應該延伸到選項卡行底部的下方，以便覆蓋下拉的頂部邊框的一部分。那有意義嗎？

如果你想寫CSS的幫助，我建議你的問題添加代碼。

希望這會有所幫助！