在當前菜單項底部設計邊框樣式

-2

我想在當前菜單項div底部添加一個邊框。只需在div中添加邊框即可輕鬆完成此操作。我的問題是，我希望邊框是像div寬度的98％，並且能夠將邊框的位置稍微更改爲頂部，因爲如果邊框位於底部，則他將從菜單高度逃脫。在當前菜單項底部設計邊框樣式

當前菜單的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>

的感謝！

來源

2015-05-24 user3193424

你可以嘗試一個僞元素：

.element { 
    position: relative; 
} 
.element:after { 
    content: ''; /* Generate a pseudo-element with no content */ 
    position: absolute; 
    left: 1%; 
    right: 1%; 
    bottom: 0; /* Increase this to achieve the "a bit to the top" */ 
    height: 1px; 
    background: black; 
}

來源

2015-05-24 18:47:52 Oriol

感謝您的幫助。也許我不清楚我需要什麼。在我的菜單中我有家和類別（例如）。現在，當我點擊家庭生病時，進入主頁，然後在家庭項目下有一個邊框（就像我想要的那樣）。該僞就像（a：懸停），我的意思是物品被點擊後。 – user3193424

如果你想在邊界比div的完整寬度以外的東西那麼這將是更好地使用僞元素像::after。

您將擁有比常規css邊框更多的控制僞元素的功能。

Here's an example of that.

來源

2015-05-24 18:53:33 arjabbar

在當前菜單項底部設計邊框樣式

回答

相關問題