>웹 프론트엔드 >HTML 튜토리얼 >HTML 테이블에서 간격을 설정하는 방법

HTML 테이블에서 간격을 설정하는 방법

coldplay.xixi
coldplay.xixi원래의
2021-02-20 14:05:0519858검색

HTML 테이블에서 간격을 설정하는 방법: 1. 첫 번째 테이블의 [margin-bottom] 속성을 설정합니다. 코드는 [

<table width="100%" style="margin-bottom:100px">

HTML 테이블에서 간격을 설정하는 방법

이 튜토리얼의 운영 환경: windows7 시스템, html5 버전, DELL G3 컴퓨터 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

HTML 테이블에서 간격을 설정하는 방법:

1. 첫 번째 테이블의 margin-bottom 속성을 ​​설정합니다. 예를 들어 margin-bottom属性。例如:

<table width="100%" style="margin-bottom:100px">

表示table表格底部保持100px间距。

2、设置第二个tbale的margin-top

<table width="100%" style="margin-top:100px">

는 표 하단에 100px 간격을 유지한다는 의미입니다.


2. 두 번째 테이블의 margin-top 속성을 ​​설정합니다. 예:

rrreee

는 테이블 상단에서 100px 간격을 유지한다는 의미입니다. HTML 테이블에서 간격을 설정하는 방법

지식 확장

여백 속성은 요소의 위쪽, 아래쪽, 왼쪽 및 오른쪽 여백을 개별적으로 변경할 수 있습니다(요소는 테이블 또는 DIV일 수 있음). 모든 속성을 한 번에 변경하는 것도 가능합니다.

margin 속성을 단독으로 사용하는 경우: ​​

예 1: margin-bottom: 100px 요소의 하단 여백은 100px입니다.

예 2: margin-left: 100px 요소의 왼쪽 여백은 100px입니다.

예 3: margin-right: 100px 요소의 오른쪽 여백은 100px입니다.

예 4: margin-top: 100px 요소의 상단 여백은 100px입니다.

margin 속성은 모든 속성을 한 번에 설정합니다.

예 1: margin:10px 5px 15px 20px; 의미:

상단 여백은 10px

오른쪽 여백은 5px

하단 여백은 15px

left 외부 여백은 20px입니다

예 2: 여백: 10px 5px 15px; 의미:

상단 여백은 10px입니다

오른쪽 및 왼쪽 여백은 5px입니다

하단 여백은 15px입니다

예 3: 여백: 10px 5px; :

상단 및 하단 여백은 10px입니다.

오른쪽 및 왼쪽 여백은 5px입니다.

예 4: margin: 10px; 의미:

4개의 여백은 모두 10px 관련 학습 권장 사항:

html 튜토리얼
🎜🎜🎜

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

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