CSS를 통해 Body 태그 여백 없애기

블로그 페이지 개편 중 계속 여백이 생겨서 하나하나 css 를 뒤져가며, 잘못 적용한 것이 있는지 찾아보았지만 답은 가까운 곳에 있었습니다. HTML에서 여백이 발생할 때 CSS나 HTML 속성으로 간단하게 해결이 가능합니다. 아래는 이번에 코드에 적용한 부분인데요, leftmargin, rightmargin 을 통해 좌우 여백을 줄여줬었습니다.

1
<body onLoad='show_clock()' leftmargin="0" rightmargin="0">
  • Tipmargin : 상단 여백
  • Bottommargin : 하단 여백
  • Leftmargin : 왼쪽 여백
  • Rightmargin : 오른쪽 여백

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

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

동일한 방법으로 CSS에 적용하여 사용하실 수 있습니다.

1
body {top-margin:0; bottom-margin:0; left-margin:0; right-margin:0}   
Licensed under CC BY-NC-SA 4.0
Last updated on Apr 03, 2022 22:41 +0900