11/11/2015

[CODING] HTML 페이지 Body 태그 여백 없애기(속성/CSS 활용하기)



블로그 페이지 개편 중 계속 여백이 생겨서 하나하나 css 를 뒤져가며, 잘못 적용한 것이 있는지 찾아보았지만..  답은 가까운 곳에 있었습니다.

HTML에서 여백이 발생할 때 CSS나 HTML 속성으로 간단하게 해결이 가능합니다.
아래는 이번에 코드에 적용한 부분인데요, leftmargin, rightmargin 을 통해 좌우 여백을 줄여줬었습니다.

<body onLoad='show_clock()' leftmargin="0" rightmargin="0">

Tipmargin : 상단 여백
Bottommargin : 하단 여백
Leftmargin : 왼쪽 여백
Rightmargin : 오른쪽 여백

상하좌우 여백에 대해 다 적용하려면 아래와 같은 방법으로 적용이 가능하겠지요.

<body topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0">
동일한 방법으로 CSS에 적용하여 사용하실 수 있습니다.

body {top-margin:0; bottom-margin:0; left-margin:0; right-margin:0}   



HAHWUL

Security engineer, Gopher and H4cker!

Share: | Coffee Me:

0 개의 댓글:

Post a Comment