• <div class="border3">
    <div class="content">伪类设置的边框</div>
    </div>
  • .border3{
    position: relative;
    }

    .border3:after{
    content: '';
    display:block;
    position: absolute;
    left:0;
    top:0;
    width: 200%;
    height: 200%;
    border: 1px solid red;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scale(0.5, 0.5);
    -ms-transform: scale(0.5, 0.5);
    -o-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }

相关文章:

  • 2021-10-31
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-12-19
  • 2021-05-16
猜你喜欢
  • 2021-10-25
  • 2021-08-05
  • 2022-01-09
  • 2021-07-28
相关资源
相似解决方案