프로그램

1. <div style="padding:10px;">  상하좌우로 여백 10px 주기


2.  

상하좌우 서로 다른 여백 주기

 <div style = "padding: 5px 1px 2px 3px;">  

여기서 여백의 순서가 핵심입니다.

padding  5px 1 2  3 

이 말은 Padding 여백을 상단여백(1)에 5px
오른쪽여백(2)에 1px,
하단여백(3)에 2px,
왼쪽여백(4)을 3px 줘라는 말입니다.


여백설정 하는 방법은

맨 위쪽부터 시계 방향으로 상단, 오른쪽
,하단, 왼쪽으로 돌아가면서 여백을 설정
하시면 됩니다.




3.  div 레이아웃 모양 : http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html

 


4. 추가하여, 홈페이지 전체에 대한 여백조정은 body 태그에 margin 을 적용해보세요

leftmargin : 왼쪽여백,  rightmargin : 오른쪽여백,  topmargin : 윗쪽여백, bottommargin : 아래쪽 여백


<body leftmargin="0"  rightmargin="0" topmargin="0" bottommargin="0">


이렇게 하시면 전체 화면에 여백이 없게 됩니다.  필요한 부분만 사용해도 됩니다.


Posted by 탐색시간