• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>CSS Text</title>
7
    <style>
8
        h2 { text-decoration: overline; }
9
        h3 { text-decoration: line-through; }
10
        h4 { text-decoration: underline; }
11
        a { text-decoration: none; }
12
    </style>
13
</head>
14
​
15
<body>
16
​
17
    <h1>text-decoration 속성을 이용한 텍스트의 효과 설정</h1>
18
    <h2>텍스트에 윗줄을 만듭니다.</h2>
19
    <h3>텍스트를 통과하는 가운데 줄을 만듭니다.</h3>
20
    <h4>텍스트에 밑줄을 만듭니다.</h4>
21
    <a href="#"><p>링크에 생기는 밑줄을 제거합니다!</p></a>
22
​
23
</body>
24
​
25
</html>