HTML에서 div 여백을 설정하는 방법

방법: 1. 여백 관련 속성을 사용하여 div의 외부 여백(div 상자 주변의 거리)을 설정합니다. 2. 패딩 관련 속성을 사용하여 div의 내부 여백(콘텐츠 사이)을 설정합니다. div 상자에 로드되고 상자 가장자리(경계) 거리).

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

CSS 여백

상자의 여백은 위쪽, 오른쪽, 아래쪽, 왼쪽 네 방향으로 구분됩니다. 여백의 주요 목적은 상자의 위치를 ​​제어하는 ​​것이므로 음수 값이 나타날 수 있습니다

CSS 여백 속성

property약어 속성입니다. 하나의 문에서 모든 여백 속성을 설정합니다. 요소의 아래쪽 여백을 설정합니다. 요소의 왼쪽 여백을 설정합니다. 요소의 오른쪽 여백을 설정합니다. 요소의 위쪽 여백을 설정합니다. 【추천 튜토리얼: CSS 동영상 튜토리얼】

Description	margin
	margin-bottom
	margin-left
	margin-right
	margin-top

css 패딩

상자의 패딩은 위쪽, 오른쪽, 아래쪽, 왼쪽 네 방향으로 나뉩니다.

• 설정 여백은 상자에 로드된 콘텐츠와 상자 가장자리(테두리) 사이의 거리를 제어하는 ​​데 사용됩니다.

상자의 패딩은 상자 내부 공간을 차지하며 최소값은 0이며 음수 값은 허용되지 않습니다.

• CSS 패딩 속성

PropertyDescription단축 속성을 사용하여 하나의 선언으로 모든 패딩 속성을 설정하세요요소 설정 하단 -padding 요소의 왼쪽 여백을 설정 요소의 오른쪽 여백을 설정 이 상단 여백을 설정 더 많은 프로그래밍 관련 지식을 보려면 프로그래밍 비디오를 방문하세요! !

	padding
	padding-bot 톰
	padding-left
	padding-right
	padding-top

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