指定外边框边缘的轮廓15px - 在线编辑器

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <style>
    div {
      margin: 20px;
      width: 150px;
      padding: 10px;
      height: 70px;
      border: 2px solid black;
      outline: 2px solid red;
      outline-offset: 15px;
    }
  </style>
</head>
<body>

  <p><b>注意:</b> Internet Explorer 不兼容 outline-offset属性.</p>

  <div>这个 div有一个轮廓边界15 px边境外的边缘。</div>

</body>
</html>
​x
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <style>
    div {
      margin: 20px;
      width: 150px;
      padding: 10px;
      height: 70px;
      border: 2px solid black;
      outline: 2px solid red;
      outline-offset: 15px;
    }
  </style>
</head>
<body>
​
  <p><b>注意:</b> Internet Explorer 不兼容 outline-offset属性.</p>
​
  <div>这个 div有一个轮廓边界15 px边境外的边缘。</div>
​
</body>
</html>