Question

我想在current-menu-item div的底部添加一个边框。只需在div中添加边框就可以轻松完成。我的问题是，我希望边框是div宽度的98％，并且能够将边框的位置稍微改变到顶部，因为如果边框位于底部，则他将从菜单高度中退出。 / p>

当前菜单的css代码：

.menu ul li.current-menu-item>a, .left_bar_list li.current-menu-item>a {
background-color: #;
color: #fff;
text-shadow: none;
border-bottom: 2px solid #E88C02;
}

php代码（如果有人需要）：

        <div class="menu">
        <?php wp_nav_menu(array('theme_location' => 'header-menu', 'container' => '', 'depth' => '2' ));?>
    </div>

谢谢！

Answer 1

您可以尝试伪元素：

numba

Answer 2

如果您希望边框不是div的整个宽度，那么最好使用像::after这样的伪元素。

您可以更多地控制伪元素，而不是常规的CSS边界。

Here's an example of that.

在当前菜单项的底部设置边框样式

2 个答案: