CSS outline-offset 示例

<html>
  <head>
    <meta charset="utf-8">
    <title>CSS outline-offset 示例</title>
    <style>
      .offset-box {
        width: 200px;
        height: 100px;
        background-color: #f5f5f5;
        border: 2px solid #333;
        margin: 30px;
        padding: 15px;
      }
      
      /* 默认 offset（0px） */
      .offset-default {
        outline: 3px solid blue;
        outline-offset: 0;
      }
      
      /* 向外偏移 */
      .offset-out {
        outline: 3px solid red;
        outline-offset: 10px;
      }