body의 여백 없애기

html 문서를 작성해서 사용하다 보면 아래와 같이 브라우저 내에서 미세한 여백이 존재하는 것을 알 수 있다.

 

bootstrap을 써서 여백을 주고 가운데 정렬을 적용해도 좋지만 화면에 꽉 차게 그려주고 싶은 경우 여백을 없애야 합니다. CSS를 이용하면 간단하게 여백을 없앨 수 있습니다.

<style>태그 안에 다음과 같은 코드를 추가합니다. body의 모든 여백을 0으로 정의하겠다는 의미입니다.

body{
	margin: 0
} 

 

실행하면 다음과 같이 적용됩니다.