如何突出显示当前选项卡？

<div class="tab">
  <div class="tab-item active">选项卡1</div>
  <div class="tab-item">选项卡2</div>
  <div class="tab-item">选项卡3</div>
</div>

.tab-item {
  /* 未选中的选项卡样式 */
  color: #000;
  background-color: #fff;
  border: 1px solid #ccc;
}

.tab-item.active {
  /* 当前选项卡样式 */
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}