본문 바로가기

프로그래밍/HTML5

px태그

 

<!DOCTYPE html>

<html>

   <meta charset="utf-8">
   <head>
      <title>크기 조절 px태그</title>
      <style>
         p:nth-child(1) {font-size:6px;}
         p:nth-child(2) {font-size:16px;}
         p:nth-child(3) {font-size:26px;}
         p:nth-child(4) {font-size:36px;}
      </style>
   </head>
   <body>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
   </body>

</html>

 

px태그로 글자 크기를 조절할 수 있다.

숫자크기를 자세히 조절할 수 있다.

'프로그래밍 > HTML5' 카테고리의 다른 글

em태그  (0) 2017.09.20
%태그  (0) 2017.09.20
배경색상  (0) 2017.09.20
radius  (0) 2017.09.20
padding,margin  (0) 2017.09.20