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">
이렇게 하시면 전체 화면에 여백이 없게 됩니다. 필요한 부분만 사용해도 됩니다.
'HTML' 카테고리의 다른 글
| html div로 여백주기 (0) | 2010/09/01 |
|---|---|
| html 태그에서 align 하고 valign 차이점과 정렬 방식 (0) | 2010/09/01 |
| 티스토리에서 다음뷰(Daum view) 추천버튼 작게 만들기(mixup과 같이) (0) | 2010/08/31 |
| 이미지와 글자 높낮이가 다를때 (align="absmiddle") (2) | 2008/04/21 |
| 자동페이지 이동 (0) | 2006/09/01 |
| 검색엔진에 잘걸리는 헤더 만들기 ^^ 메타테그 작성법 (4) | 2006/08/31 |
| html안에 다른 html 삽입하기 (0) | 2006/08/25 |
댓글을 달아 주세요