#### **2017-11-30 22：13** #### **author：yang** ### **HTML的代码：** ~~~ <div class="border"> <div class="content">伪类设置的边框</div> </div> ~~~ ### **css的代码如下：** ~~~ <style type="text/css"> .border { position: relative; } .border:before{ content: ""; position: absolute; width: 500px; height: 500px; 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; } </style> ~~~ #### 设置css样式中transform:scale使边框的像素为0.5像素，但实际空间的大小还是一样大。