CSS outline 样式示例

<html>
  <head>
    <meta charset="utf-8">
    <title>CSS outline 样式示例</title>
    <style>
      .style-box {
        width: 180px;
        height: 80px;
        background-color: #e8e8e8;
        border: 1px solid #999;
        margin: 15px;
        padding: 10px;
        display: inline-block;
      }
      
      .solid {
        outline: 3px solid #0066cc;
      }
      
      .dashed {
        outline: 3px dashed #cc6600;
      }
      
      .dotted {
        outline: 3px dotted #00cc66;