<!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>