• <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;
  }

轉(zhuǎn)載于:https://www.cnblogs.com/chaoyuehedy/p/10084231.html

總結

以上是生活随笔為你收集整理的1像素的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。