Bootstrap选项卡。通过jquery向当前选项卡添加边框

<ul class="nav nav-tabs">
  <li class="active"><a href="#tab1" data-toggle="tab">选项卡1</a></li>
  <li><a href="#tab2" data-toggle="tab">选项卡2</a></li>
  <li><a href="#tab3" data-toggle="tab">选项卡3</a></li>
</ul>

<div class="tab-content">
  <div class="tab-pane active" id="tab1">选项卡1的内容</div>
  <div class="tab-pane" id="tab2">选项卡2的内容</div>
  <div class="tab-pane" id="tab3">选项卡3的内容</div>
</div>

$(document).ready(function() {
  $('.nav-tabs a').click(function() {
    // 移除所有选项卡的边框
    $('.nav-tabs li').removeClass('active-tab');
    // 添加当前选项卡的边框
    $(this).parent('li').addClass('active-tab');
  });
});

.active-tab {
  border: 1px solid #000; /* 添加边框样式 */
}