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

时间:2015-05-24 18:38:54

标签: php css wordpress css3

我想在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>

谢谢!

2 个答案:

答案 0 :(得分:2)

您可以尝试伪元素:

numba

答案 1 :(得分:1)

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

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

Here's an example of that.