如何實現這種在導航中指示當前標籤的方式？

Question

設計的一個新趨勢是，對於導航菜單，在鏈接下顯示一條細線，並在當前頁面的鏈接下使線條變粗。它看起來像這樣：

一個如何去實現呢？只是CSS或JavaScript？

Answer 1

這只是一個被我改變的邊界。

你總是可以做這樣的事情：

.menubutton{ 
    border-bottom: 1px solid #000; 
} 

.menubutton:hover, 
.menubutton.active{ 
    border-bottom: 2px solid #000; 
} 

，並添加一些JavaScript來激活/停用他們...

$('.menubutton').click(function(){ 
    $('.menubutton').removeClass('active'); 
    $(this).addClass('active'); 
});