• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>CSS3 User Interface</title>
7
    <style>
8
        div {
9
            border: 1px solid black;
10
            height: 100px;
11
            width: 300px;
12
            padding: 20px;
13
            margin: 50px;
14
            outline: 1px solid red;
15
            outline-offset: 20px;
16
        }
17
    </style>
18
</head>
19
​
20
<body>
21
​
22
    <h1>outline-offset 속성을 이용한 외곽선의 조작</h1>
23
    <div>검정색 선이 테두리고, 빨간색 선이 외곽선이에요!</div>
24
​
25
</body>
26
​
27
</html>