CSS의 여백 속성은 요소 주변의 빈 영역을 설정하는 데 사용됩니다. 요소의 네 측면(상단 여백, 오른쪽 여백, 하단 여백, 왼쪽 여백)에 대해 서로 다른 값을 설정할 수 있습니다.
CSS에서 여백 사용
여백 속성은 CSS에서 요소 주위의 공백을 픽셀(px), 백분율(%) 또는 기타 길이 단위로 설정하는 데 사용됩니다. 여백은 요소의 네 측면에 대해 위쪽 여백, 오른쪽 여백, 아래쪽 여백 및 왼쪽 여백이라는 다른 값을 설정할 수 있습니다.
Usage
margin 속성의 문법은
<code>margin: top-margin right-margin bottom-margin left-margin;</code>
그 중 top-margin, right-margin, Bottom-margin, left-margin은 위쪽 여백, 오른쪽 여백, 아래쪽의 값을 나타냅니다. 여백과 왼쪽 여백이 각각 다릅니다. 하나의 값만 지정하면 해당 값이 네 개의 여백 모두에 적용됩니다. 예:
<code>margin: 10px;</code>
는 요소의 모든 여백에 10픽셀의 공백을 설정합니다.
Effect
margin 속성은 페이지에서 요소의 위치에 영향을 미칩니다. 여백을 적절하게 설정하면 요소의 간격, 정렬, 레이아웃을 제어할 수 있습니다. 예를 들어, 다음 CSS 코드는 단락 요소에 대해 위쪽 여백 20픽셀, 오른쪽 여백 10픽셀, 아래쪽 여백 30픽셀을 설정합니다.
<code>p { margin: 20px 10px 30px; }</code>
이렇게 하면 단락 요소 사이에 20픽셀의 여백이 생깁니다. 이전 요소 공백, 오른쪽 가장자리에서 10픽셀 간격, 다음 요소에서 30픽셀 간격.
Notes
여백 속성을 사용할 때 다음 사항에 주의해야 합니다.
위 내용은 CSS에서 여백을 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!