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">
이렇게 하시면 전체 화면에 여백이 없게 됩니다. 필요한 부분만 사용해도 됩니다.
'프로그램' 카테고리의 다른 글
| 문자열 초기화 - strcpy() 함수 (0) | 2012.02.22 |
|---|---|
| html 태그에서 align 하고 valign 차이점과 정렬 방식 (0) | 2010.09.01 |
| 티스토리에서 다음뷰(Daum view) 추천버튼 작게 (0) | 2010.08.31 |
