• 돌아가기
  • 아래로
  • 위로
  • 목록
  • 댓글
CSS

margin의 속성

오작교 26749

0
마진(margin).....이란..?  
설명하자면 여백을 조절하는 속성이라고 할 까요?
이건 예제를 보면서 익히면 금방 이해하실 수 있을 겁니다.
예제를 보기 전에 참고적으로 , margin속성의 수치단위는 px , pt , in ,cm를 사용할 수 있고요... 마이너스(-)값도 사용할 수 있습니다.
퍼센트 값을 사용할 수 도 있는데 그러면 브라우져에 따라 유동적이기 때문에 원래 원하던 표현이 안될 수도 있답니다. margin 속성은 잘 만 사용하면 정말 멋진 웹페이지를 만들 수 있답니다. 이제 예제를 볼까요?

<style type="text/css">
  <!--
   body { font-family: 돋움체; }
   .love { font-size : 130px; color:red; font-weight:bold; margin-bottom:0px; }
   .story { margin-top:-110px; margin-left:87px; margin-bottom:0px; font-size:30px; color: blue; }
   .kiss { font-size:15px; margin-left:50px; margin-right:50px; text-align:justify; }
  -->
</style>
<body>
  <p class=love>오작교의 홈</p>
  <p class=story>중년, 그 아름다운 삶이 있는 곳</p>
  <p class=kiss>중년의 가슴들이 모여 있는 곳입니다. 사람들을 좋아하는 사람들의 공간입니다. 서로가 서로를 위하여 세월이 흘러가는 것을 자연스럽게 인정하면서 곱게 나이먹어 가는 아름다움을 느끼는 곳입니다. 그래서 우리 홈 공간은 아름다울 수 밖에 없습니다.</p>
</body>
공유
0

댓글 쓰기 권한이 없습니다. 로그인

취소 댓글 등록

신고

"님의 댓글"

이 댓글을 신고하시겠습니까?

댓글 삭제

"님의 댓글"

삭제하시겠습니까?

목록

공유

facebooktwitterpinterestbandkakao story
번호 분류 제목 글쓴이 날짜 조회 추천
공지 HTML HTML 기초 다지기 4 오작교 08.06.17.16:26 290963 0
공지 HTML HTML과 CSS의 종합 정리 1 오작교 07.10.01.10:21 349931 0
공지 일반 스타일시트의 총정리 오작교 06.09.14.13:08 294562 +14
300
normal
오작교 23.12.10.09:32 14545 0
299 Script
normal
오작교 23.12.10.09:29 19879 0
298 CSS
normal
오작교 21.01.09.14:18 40823 0
297 HTML
normal
오작교 15.09.17.08:58 116404 0
296 HTML
normal
오작교 15.09.13.21:38 21678 0
295 HTML
normal
오작교 15.09.13.21:30 25263 0
294 HTML
normal
오작교 15.08.30.12:19 52864 0
293 Script
normal
오작교 15.05.12.14:06 21257 0
292 HTML
file
오작교 12.03.08.13:51 36016 0
291 HTML
normal
오작교 11.06.03.10:44 40845 0
290 CSS
normal
오작교 11.06.03.10:29 70751 0
289 Script
normal
오작교 11.03.22.11:19 43550 0
288 Script
normal
오작교 11.03.22.11:15 38322 0
287 Script
normal
오작교 11.03.22.11:07 37202 0
286 HTML
normal
오작교 11.01.25.10:27 36302 0
285 CSS
normal
오작교 11.01.24.10:40 35475 0
284 HTML
normal
오작교 11.01.24.10:39 37188 0
283 Script
normal
오작교 11.01.24.10:34 38197 0
282 CSS
normal
오작교 11.01.24.10:31 37836 0
281 CSS
normal
오작교 11.01.24.10:27 36304 0