🌍 HTML\CSS
CSS 이용한 글자크기 조정
Meteora_
2021. 2. 25. 11:30
728x90
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type= "text/css">
.p1{
font-size:1cm;
}
.p2{
font-size:1mm;
}
.p3{
font-size:1in;
}
.p4{
font-size:1pt;
}
.p5{
font-size:1pc;
}
.p6{
font-size:24px;
}
.p7{
font-size:1em;
}
.p8{
font-size:100%;
}
</style>
</head>
<body>
<p class="p1">p tag size 1 cm</p>
<p class="p2">p tag size 1 mm</p>
<p class="p3">p tag size 1 inch</p>
<p class="p4">p tag size 1 pt</p>
<p class="p5">p tag size 1 pc</p>
<p class="p6">p tag size 24 px</p>
<p class="p7">p tag size 1 em</p>
<p class="p8">p tag size 100 %</p>
</body>
</html>
결과물
