WEB Archive
[HTML] CSS - 글자 간격 지정
universedevelope
2024. 8. 20. 14:16
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Test017.html</title>
<style type="text/css">
p.test1 {letter-spacing: 0.5em; font-size: 12pt;}
p.test2 {letter-spacing: 1.0em; font-size: 12pt;}
p.test3 {letter-spacing: 1.5em; font-size: 12pt;}
</style>
</head>
<body>
<div>
<h1>글자 간격 지정 실습</h1>
<hr>
</div>
<p>기본적인 글자 간격 확인</p>
<p class = "test1">글자의 간격(자간)을 별도로 설정한 영역의 표현</p>
<p class = "test2">글자의 간격(자간)을 별도로 설정한 영역의 표현</p>
<p class = "test3">글자의 간격(자간)을 별도로 설정한 영역의 표현</p>
</body>
</html>style 속성 : letter-spacing
단위 : em
자간을 지정해봅니다~~!
728x90