13.CSS - 여백관련

여백 관련 스타일로 영역을 조절하는 방법 입니다.
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>

---

13.여백관련.htm