블로그 페이지 개편 중 계속 여백이 생겨서 하나하나 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}