    <!DOCTYPE html>
    <html>
    <head>
      <meta charset="UTF-8">
      <title>테두리 선 스타일 지정하기</title>
      <style>
        p {
          border: 8px;
          text-align: center;
        }
      </style>
    </head>
    <body>
      <p style="border-style: solid">solid</p>
      <p style="border-style: double">double</p>
      <p style="border-style: dotted">dotted</p>
      <p style="border-style: dashed">dashed</p>
      <p style="border-style: groove">groove</p>
      <p style="border-style: ridge">ridge</p>
      <p style="border-style: inset">inset</p>
      <p style="border-style: outset">outset</p>
      <p style="border-style: double solid none dotted">
        double(상) solid(우) none(하) dotted(좌)</p>
    </body>
    </html>