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

margin의 속성

오작교 26767

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
검색어 : 202411
번호 분류 제목 글쓴이 날짜 조회 추천
공지 HTML HTML 기초 다지기 4 오작교 08.06.17.16:26 291198 0
공지 HTML HTML과 CSS의 종합 정리 1 오작교 07.10.01.10:21 350171 0
공지 일반 스타일시트의 총정리 오작교 06.09.14.13:08 294804 +14
74 CSS
normal
오작교 21.01.09.14:18 40871 0
73 CSS
normal
오작교 11.06.03.10:29 70786 0
72 CSS
normal
오작교 11.01.24.10:40 35516 0
71 CSS
normal
오작교 11.01.24.10:31 37870 0
70 CSS
normal
오작교 11.01.24.10:27 36347 0
69 CSS
normal
오작교 10.05.25.23:30 38582 0
68 CSS
normal
오작교 10.05.25.23:27 36857 0
67 CSS
normal
오작교 10.05.25.23:24 37384 0
66 CSS
normal
오작교 10.05.25.22:18 34053 0
65 CSS
normal
오작교 10.05.25.22:13 36334 0
64 CSS
file
오작교 10.03.23.08:22 73740 0
63 CSS
normal
오작교 09.07.07.17:22 33385 0
62 CSS
normal
오작교 09.07.07.17:18 27122 0
61 CSS
normal
오작교 09.07.07.17:12 27748 0
60 CSS
normal
오작교 09.07.07.17:07 32436 0
59 CSS
normal
오작교 09.07.07.17:04 27933 0
58 CSS
normal
오작교 09.07.07.17:01 36743 0
CSS
normal
오작교 09.07.07.16:57 26767 0
56 CSS
normal
오작교 09.07.07.16:43 28849 0
55 CSS
normal
오작교 09.07.07.16:40 28389 0