웹마스터 팁
[스타일시트] 페이지 여백 없애기2 ^^ ↓ 아래글을 보충합니다.
2002.07.31 19:32
아래의 글을 보충합니다. CSS로 Body부분의 상하좌우 여백을 없앨수 있습니다.
HTML Body태그로 하자면..
<html>
<head>
<title>상하 좌우 여백 없애기</title>
</head>
<body topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0">
<br><br>
Tipmargin="0"은 꼭대기의 여백을 없앱니다.<br>
Bottommargin="0"은 하단의 여백을 없앱니다.<br>
Leftmargin="0"은 왼쪽의 여백을 없앱니다.<br>
Rightmargin="0"은 오른쪽의 여백을 없앱니다.<br>
</body>
</html>
일것입니다. 이것을 스타일 시트로 꾸미자면...^^
-------------------------------------------------
<html>
<head>
<title>상화 좌우 여백 스타일 시트로 없애기</title>
<style type="text/css">
<!--
body {top-margin:0; bottom-margin:0; left-margin:0; right-margin:0}
-->
</style>
</head>
<body>
<br><br>
CSS로 하니 간편하죠? 일일이..^^<p>
(body topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0")(/body)<br>
를 할 필요가 없답니다..^^ <p>
</body>
</html>
을 하면 될것입니다. 태그매니아 홈페이지 내애서 제공하는 태그연습장에서 연습해보세요^^
http://tagmania.net/html/tagnote.html [태그연습장]
HTML Body태그로 하자면..
<html>
<head>
<title>상하 좌우 여백 없애기</title>
</head>
<body topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0">
<br><br>
Tipmargin="0"은 꼭대기의 여백을 없앱니다.<br>
Bottommargin="0"은 하단의 여백을 없앱니다.<br>
Leftmargin="0"은 왼쪽의 여백을 없앱니다.<br>
Rightmargin="0"은 오른쪽의 여백을 없앱니다.<br>
</body>
</html>
일것입니다. 이것을 스타일 시트로 꾸미자면...^^
-------------------------------------------------
<html>
<head>
<title>상화 좌우 여백 스타일 시트로 없애기</title>
<style type="text/css">
<!--
body {top-margin:0; bottom-margin:0; left-margin:0; right-margin:0}
-->
</style>
</head>
<body>
<br><br>
CSS로 하니 간편하죠? 일일이..^^<p>
(body topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0")(/body)<br>
를 할 필요가 없답니다..^^ <p>
</body>
</html>
을 하면 될것입니다. 태그매니아 홈페이지 내애서 제공하는 태그연습장에서 연습해보세요^^
http://tagmania.net/html/tagnote.html [태그연습장]
댓글 8
-
아이쥬어
2002.07.31 20:21
글 중간에 꼭대기 여백없애는거 topmargin아닌가요? -
세이렌
2002.07.31 20:26
흠;; 실수로 이상한 코멘트를 달아버렸네요 ^^;; 음.. 스탕일 시트로 하는것... 그런 방법도 있었네요 ^_^;; 근데 상좌에만 여백이 있으니 다른곳은 할필요가 없을듯... 근데 태그연습장 만드는법 아시는지?;;
태그매니아에서 쓰는것처럼 ㅠ_ㅠ; -
☻stream
2002.07.31 21:28
CSS쓴 방법은.. 위에 나와있는 대로 해도 되는데요.
body { margin : 0 0 0 0 }
이렇게 하면 훨 간편하게 여백을 없앨 수 있지요. 순서는 위와 같습니다. :) -
엔카일
2002.07.31 22:12
전 페이지 만들때 무조건 들어가는 스타일시트가...
*{padding:0 0 0 0;margin:0 0 0 0;}
여기에 테두리도 0으로 주기도 하구요.. -
치퍼
2002.08.01 00:32
BODY { margin:0pt; } -
ZipShin
2002.08.01 01:35
-_-;; 오타가 나오거나, 잘못된 강의 일수도 있으니, 양해바랍니다. -
김현기
2002.08.23 09:28
에딧플스에서 bottommargin="0" 하고 rightmargin="0" 하면 색깔이 다르게 나와요. 원래는 빨간색이어야 하는데.. 보라 색으로 나오는데용... -
EDENe
2005.01.17 00:01
ie 전용 (즉, 비표준) 태크입니다. 사용하지 마시고, stream, 치퍼님의 방법을 이용하도록 하세요 ^-^
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
| [HTML 초보자] HTML 홈페이지의 태그 기본구조. [4] | ZipShin | 2002.08.07 |
| [Siren]하나도 안귀엽게 -ㅅ-;; 문서 정렬하기 [5] | 세이렌 | 2002.08.01 |
| [스타일시트] 페이지 여백 없애기2 ^^ ↓ 아래글을 보충합니다. [8] | ZipShin | 2002.07.31 |
| [Siren]페이지 여백 없애기 [8] | 세이렌 | 2002.07.31 |
| 웹페이지 소스보기. [4] | ZipShin | 2002.07.31 |
| [Siren]이미지 주변에 점선 테두리 생기게 하기 ^_^ [6] | 세이렌 | 2002.07.30 |
| [Siren]글자(문자,폰트) 링크 커서 제어하기 [8] | 세이렌 | 2002.07.30 |
| [Tip]로딩속도 높이는 10가지 방법. [8] | HomeBox™ | 2002.06.28 |
| 마우스 오버시에 텍스트 버튼느낌 style.css 와 자동 스크롤 기능 [5] | HomeBox™ | 2002.06.27 |
| 제로보드 가입폼에 css쉽게 적용하기 | {동준짱} | 2002.06.26 |
| 로보트 검색엔진에 잘 걸리는 Meta Tag 작성법 [8] | 이성영 | 2002.06.20 |
| 메타태그(Meta)의 모든것 [11] | ZipShin | 2002.06.20 |
| 홈페이지의 대문에서 스크롤바 없애기 [10] | keymove | 2002.06.15 |
| DHTML의 시작 - Form 예제 (폼처리 HTML) | Legend | 2002.05.09 |
저기에서 이리로 온 글입니다.
[3]
 | 이성영 | 2002.05.07 |
| DHTML의 시작 - Typing 스크립트 (예제) [2] | Legend | 2002.04.19 |
| DHTML의 시작 - CSS와 객체 관계 [2] | Legend | 2002.04.12 |
|
드래그하면 바뀌는 마술거울효과 (-_-")v
[16]
| 짱나 | 2002.04.05 |
| 엔지오식 레이어 메뉴 구성하기 (허접) [3] | 정영순 | 2002.03.28 |
|
두 개의 프레임을 동시에 제어하기
[4]
| (づ_-) 위드 | 2002.03.25 |