[HTML] Table Padding & Spacing

HTML 표는 셀 내부의 패딩과 셀 사이의 공간을 조정할 수 있습니다.

HTML Table - Cell Padding

• Cell padding은 셀 가장자리와 셀 내용 사이의 공간입니다.
• 기본적으로 패딩은 0으로 설정됩니다.
• 표 셀에 패딩을  추가하려면 CSS 패딩 속성을 사용하십시오.

th, td {
	padding: 15px;
    }

• content 위에만 패딩을 추가하려면 padding-top 속성을 사용하세요.

th, td {
	padding-top: 10px;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 40ox;
    }

HTML Table - Cell Spacing

• 셀 간격은 각 셀 사이의 간격입니다.
• 기본적으로 공간은 2픽셀로 설정됩니다.
• 표 셀 사이의 간격을 변경하려면 표 요소에서 CSS border-space 속성을 사용하십시오.

table {
	border-spacing; 30px;
    }

REFERENCE

https://www.w3schools.com/html/html_table_padding_spacing.asp

HTML Table Padding & Spacing