css如何实现点击切换效果

1.在你要放一组的html标签中加入 tabindex标记

<div class="acr" tabindex="1">div>
<div class="acr" tabindex="1">div>

2.css中使用focus点击后样式更改

  .acr:focus{
    border-color: #F08F4D;
  }

效果
css如何实现点击切换效果_第1张图片
如此便可简单实现点击切换样式效果

你可能感兴趣的:(前端基础学习,css,前端,html)