• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>CSS Border</title>
7
    <style>
8
        p {
9
            border-style: solid;
10
            border-width: 3px;
11
        }
12
        .red { border-color: red; }
13
        .green { border-color: rgb(0,255,0); }
14
        .blue { border-color: #0000FF; }
15
        .mix { border-color: red green blue maroon; }
16
        .color { color: teal; }
17
    </style>
18
</head>
19
​
20
<body>
21
​
22
    <h1>border-color 속성을 이용한 테두리의 색상 변경</h1>
23
    <p class="red">border-color 속성값을 red로 한 단락입니다.</p>
24
    <p class="green">border-color 속성값을 green로 한 단락입니다.</p>
25
    <p class="blue">border-color 속성값을 blue로 한 단락입니다.</p>
26
    <p class="mix">테두리마다 각각의 border-color 속성값을 적용한 단락입니다.</p>
27
    <p class="color">border-color 속성의 속성값을 명시하지 않은 단락입니다.</p>
28
​
29
</body>
30
​
31
</html>