• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>CSS Border</title>
7
    <style>
8
        .good { border: 3px solid teal; }
9
        .wrong { border: 5px teal; }
10
    </style>
11
</head>
12
​
13
<body>
14
​
15
    <h1>테두리의 스타일 변경</h1>
16
    <p class="good">border-style 속성을 설정한 단락입니다.</p>
17
    <p class="wrong">border-style 속성을 설정하지 않은 단락입니다.</p>
18
    <p>테두리의 축약 표현시에는 반드시 border-style 속성이 먼저 설정되어 있어야 제대로 표현됩니다!</p>
19
​
20
</body>
21
​
22
</html>