HTML body의 기본 Margin(흰 테두리)

열심히 컴퓨터종합설계를 하고 있던 저는 어마어마한 문제를 맞이했습니다.

 

분명히 모든 컴포넌트의 마진을 0으로 줬음에도 불구하고, 화면의 테두리에 흰색이 조금 남아있는 것입니다!!

 

 

 

잘 보일지 모르겠으나, 마진도 없고 패딩도 없고 백그라운드 컬러를 야무지게 그라데이션으로 설정해놨는데,

테두리에 흰 색이 있는 겁니다!!

 

만능 킹 갓 제너럴 엠페러 지피티 형님한테 여쭤봐도 제대로 된 답을 주지 않더군요...

 

그러다 개발자 모드를 켜서 요소를 찍어보니 어마어마한 사실을 발견했습니다.

아무런 스타일 옵션을 주지 않았음에도 불구하고,

이미지와 같이 body에 무려 8px의 마진이 설정되어 있었습니다.

 

이 얼마나 억울한 일입니까?
알아보니 예전엔 이런게 있어야 편해서 기본값으로 설정되어 있는건데, 여전히 이게 남아있는거라고 합니다.

해결은 간단합니다.

 

index.html에서

다음과 같이 마진 0을 선언 해줘버리면 되거든요!

 

그럼

 

편안~하게 꽉 차는 백그라운드를 보실 수 있습니다.

 

 

이상!

도움이 되셨다면 댓글 남겨주세용~^^