#### **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像素，但實際空間的大小還是一樣大。