jQuery | javascript | CSS

13.CSS - 여백관련

Godffs 2009. 7. 29. 01:07
반응형
여백 관련 스타일로 영역을 조절하는 방법 입니다.
margin, padding 두가지 방법으로 설정 할 수 있습니다.
  • margin : 바깥쪽 여백
  • padding : 안쪽 여백

그림13-1(확대해서 보세요)


    안녕하세요와 여백 스타일 설정한 부분하고의 차이점을 확인 할 수 있습니다.


그림13-1은 전체 여백을 하나의 값으로 설정했는데요.
     각각의 left, top, right, bottom을 설정 가능합니다.

<div style="background-color:Blue;
        padding-left:20px;

        padding-top:10px;
        padding-right:20px;                 결과화면->
        padding-bottom:5px; width: 163px;">
    <div style="background-color:Green;padding:10px;">
        안녕하세요
    </div>
</div>

반응형