웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
[스타일시트] 페이지 여백 없애기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, 치퍼님의 방법을 이용하도록 하세요 ^-^
제목 | 글쓴이 | 날짜 |
---|---|---|
깔끔한 홈페이지를 만들고 싶다면 꼭 알아야 할 것(1) [5] | 키르(SP) | 2002.08.15 |
[HTML 초보자] HTML 물리적태그와 논리적태그(글자진하게 등등) [5] | ZipShin | 2002.08.14 |
사용자의 윈도 화면배색을 쓰자.. [4] | 엔카일 | 2002.08.13 |
[Siren]소스보기 금지된 페이지 저장하기! (강좌가 아닌가..;;) [15] | 세이렌 | 2002.08.12 |
[HTML 초보자] HTML 폰트 태그 [2] | ZipShin | 2002.08.12 |
레이어에 스크롤바 달기(예제보기 제거) [13] | TheMics | 2002.08.09 |
[HTML 초보자] HTML 홈페이지의 태그 기본구조2. [13] | ZipShin | 2002.08.09 |
HTML에서 태그 베끼기 [4] | 미키 | 2002.08.09 |
중간 점 찍기 [12] | 오픈소스 | 2002.08.08 |
[HTML 초보자] HTML 홈페이지의 태그 기본구조. [4] | ZipShin | 2002.08.07 |
[Siren]투명 이미지 [14] | 세이렌 | 2002.08.04 |
[HTML 초보자] 태그(Tag)의 역사 [6] | ZipShin | 2002.08.03 |
[Siren]하나도 안귀엽게 -ㅅ-;; 문서 정렬하기 [5] | 세이렌 | 2002.08.01 |
[스타일시트] 페이지 여백 없애기2 ^^ ↓ 아래글을 보충합니다. [8] | ZipShin | 2002.07.31 |
[Siren]페이지 여백 없애기 [8] | 세이렌 | 2002.07.31 |
웹페이지 소스보기. [4] | ZipShin | 2002.07.31 |
이미지에 border="0"값 않넣고 하는방법 [14] | ZipShin | 2002.07.30 |
[Siren]이미지 주변에 점선 테두리 생기게 하기 ^_^ [6] | 세이렌 | 2002.07.30 |
[Siren]글자(문자,폰트) 링크 커서 제어하기 [8] | 세이렌 | 2002.07.30 |
이미지 클릭했을때 주변에 생기는 점선 없애는 이벤트. [7] | 김승진 | 2002.07.30 |