• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>CSS Outline</title>
7
    <style>
8
        p {
9
            border: 1px solid black;
10
            outline-style: dashed;
11
        }
12
        p.red { outline-color: red; }
13
        p.green { outline-color: rgb(0,255,0); }
14
        p.blue { outline-color: #0000FF; }
15
        p.invert { outline-color: invert; }
16
    </style>
17
</head>
18
​
19
<body>
20
​
21
    <h1>outline-color 속성을 이용한 외곽선의 색상 변경</h1>
22
    <p class="red">outline-color 속성값을 red로 한 단락입니다.</p>
23
    <p class="green">outline-color 속성값을 green로 한 단락입니다.</p>
24
    <p class="blue">outline-color 속성값을 blue로 한 단락입니다.</p>
25
    <p class="invert">outline-color 속성값을 invert로 한 단락입니다.</p>
26
​
27
</body>
28
​
29
</html>