>웹 프론트엔드 >CSS 튜토리얼 >CSS에서 상단 여백을 작성하는 방법

CSS에서 상단 여백을 작성하는 방법

醉折花枝作酒筹
醉折花枝作酒筹원래의
2021-07-26 15:10:583634검색

CSS에서는 margin-top 속성을 사용하여 상단 여백을 설정할 수 있습니다. 요소에 "margin-top: value + unit;" 스타일만 설정하면 됩니다. margin-top 속성은 요소의 상단 여백을 설정하여 음수 값을 허용합니다.

CSS에서 상단 여백을 작성하는 방법

이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

margin 단축 속성은 하나의 선언에서 모든 여백 속성을 설정합니다. 이 속성은 1~4개의 값을 가질 수 있습니다.

설명

이 단축 속성은 요소의 모든 여백 너비를 설정하거나 각 측면의 여백 너비를 설정합니다.

블록 수준 요소의 수직으로 인접한 여백은 병합되지만 인라인 요소는 실제로 위쪽 및 아래쪽 여백을 차지하지 않습니다. 인라인 요소의 왼쪽 및 오른쪽 여백은 병합되지 않습니다. 마찬가지로, 부동 요소의 여백은 병합되지 않습니다. 음수 여백 값을 지정할 수 있지만 사용할 때는 주의하십시오.

참고: 음수 값이 허용됩니다.

margin-top 속성은 요소의 상단 여백을 설정합니다.

<html>
  <head>
    <style type="text/css">
      p.topmargin {
        margin-top: 5cm;
      }
    </style>
  </head>

  <body>
    <p>这个段落没有指定外边距。</p>
    <p class="topmargin">这个段落带有指定的上外边距。</p>
  </body>
</html>

Effect

CSS에서 상단 여백을 작성하는 방법

추천 학습: css 비디오 튜토리얼

위 내용은 CSS에서 상단 여백을 작성하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.