> 웹 프론트엔드 > CSS 튜토리얼 > CSS의 여백 속성을 설정하는 방법

CSS의 여백 속성을 설정하는 방법

php中世界最好的语言
풀어 주다: 2017-11-21 14:30:47
원래의
4081명이 탐색했습니다.

CSS의 여백 속성을 어떻게 설정하나요? 여백은 바깥쪽 여백입니다. 이번에는 margin 속성을 활용하여 DIV를 동작시키는 방법을 알려드리겠습니다. DIV 사이의 간격을 조작하는 방법

margin은 객체 레이블 사이의 거리를 설정하는 데 사용됩니다. 예를 들어 두 개의 DIV 상자가 서로 위에 배열되어 있는 경우 여백 스타일을 사용하여 위의 두 상자 사이의 간격을 확보할 수 있습니다. 그리고 아래. 여백은 개체 테두리 외부에 표시되며 테두리에 가깝습니다. 그러나 여백과 padding의 위치는 반대입니다. CSS 패딩은 테두리에 가깝고 테두리 내부에 있습니다.

DIV CSS 외부 여백은 CSS 속성 단어 여백을 의미하며 배경색이나 색상 없이 개체의 네 면에 외부 여백을 설정하는 것입니다.

1. 여백 구문

Margin:10px

Margin 값은 숫자 + html 단위이며 자동(자동, 적응형)으로 설정할 수도 있습니다

2 애플리케이션 구조

Div{margin:10px}

div 개체의 네 변 사이의 거리는 10px입니다

3. 여백 설명

margin은 개체의 바깥쪽 여백과 확장된 가장자리 사이의 거리를 설정하는 것입니다.

margin 값에는 세 가지 상황이 있습니다. 이는 양의 정수 또는 음의 정수와 PX 픽셀(margin-left:20px)과 같은 단위일 수 있습니다. auto 자동), 백분율(%) 값일 수 있습니다(왼쪽 여백:3%).

Margin 확장 (4변 간격 속성 단어 별도 설정)

margin-left 개체의 왼쪽 확장 여백 (margin-left: 5px; 왼쪽 확장 거리 5px)

margin-right 오른쪽 확장 여백 개체의 (margin-right:5px; 오른쪽 확장 거리 5px)

margin-top 개체 위쪽 확장 여백 (margin-top:5px; 위쪽 확장 거리 5px)

margin-bottom 개체 아래쪽 확장 여백 ( margin-bottom:5px ; 아래 확장 거리는 5px입니다.)

CSS의 여백 속성을 설정하는 방법

관련 읽기:

DIV


DIV+CSS

의 배경색을 설정하는 방법은 무엇입니까?


CSS란 무엇입니까

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

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿