Dev/Html, CSS
HTML 화면 여백 없애기
쇼크리더
2012. 2. 28. 19:44
반응형
Html 화면을 만들다 보면 윗쪽, 왼쪽 모두 여백이 없기를 원할 때가 있다.
특히 모바일 웹페이지에선 꼭 필요하지 않을까 싶네요.
그럼 이미지나 텍스트등 여백없이 나타내보죠.
아래와 같이 html 페이지 <head></haed> 내에 추가 해주거나 css 파일을 만들어서 넣어보세요.
<head></head> 내부에 넣은 코드
css 파일에 넣은 코드
자 어떤가요? 깔끔하죠? ^^
끝.
특히 모바일 웹페이지에선 꼭 필요하지 않을까 싶네요.
그럼 이미지나 텍스트등 여백없이 나타내보죠.
아래와 같이 html 페이지 <head></haed> 내에 추가 해주거나 css 파일을 만들어서 넣어보세요.
<head></head> 내부에 넣은 코드
css 파일에 넣은 코드
body {
margin: 0;
padding: 0;
}
자 어떤가요? 깔끔하죠? ^^
끝.
반응형