티스토리 뷰

코딩

CSS-패딩

남평HILL 2024. 4. 24. 11:01

목차



    반응형

    패딩

     

     

    파란색과 빨간색 div 모두 텍스트에 안쪽 여백이 없다. div의 경계와 텍스트 사이에 일정간격이 있으면 더 예쁘다. 이를 위해 '패딩'을 이용한다. 아래규칙을 divA에 적용해 보자. 

     

     

    padding : 10px;

     

     

    이를 통해서 빨간색 사각형 안쪽에 10픽셀의 패딩이 생겨난다. 

     


     

     


     

     

     

     

     

     

     


     

     

     

     

     

     

     

    반응형

    '코딩' 카테고리의 다른 글

    CSS-text상자 테두리를 둥근모서리로 만들기  (0) 2024.07.31
    css - text구성요소 테두리만들기  (0) 2024.07.31
    CSS-마진  (0) 2024.04.23
    CSS-포지션을 이용한 레이아웃  (0) 2024.04.23
    CSS-플로트로 위치 지정하기  (0) 2024.04.22