CSS / 표(table) 꾸미기 / 테두리 만들기

테두리 만드는 속성

테두리는 border 속성으로 만듭니다. table, th, td 요소에 적용할 수 있습니다. tr 요소에는 적용되지 않습니다.

기본 모양

아무런 꾸밈을 하지 않았다면 기본 모양은 테두리가 없는 것입니다. th 요소는 보통 굵은 글씨에 가운데 정렬이 기본 모양입니다.

표에 테두리 만들기

table 요소에 테두리를 만들면 표 외각에 테두리가 생깁니다.

셀에 테두리 만들기

th, td 요소에 테두리를 만들면 각 셀에 테두리가 생깁니다.

테두리 사이의 간격을 없애고 싶다면 border-collapse 속성을 추가합니다.

테두리와 내용 사이의 간격은 padding 속성으로 정합니다.

가로선 만들기

세로선 없이 가로선만 만들 때는 다음과 같이 합니다.