Table style 옵션

이번에는 테이블을 꾸며보겠습니다.

cellspacing 은 테이블의 외곽과 샐의 경계면의 두께를 설정하는 태그입니다.

cellpadding 은 셀과 내용(글자 또는 그림 등)의 사이를 지정하는 태그 입니다.

먼저 cellspacing을 지정해 보겠습니다.

아래 이미지 처럼 테이블에 cellspacing=5 라고 입력을 하고 저장을 합니다.

그러면 아래 그림처럼 테이블의 두께(?)가 변형이 되었을 것입니다.

이번에는 cellpadding 태그를 입력한 후 테이블의 변화를 보겠습니다.

아래 보기처럼 테이블에 태그를 추가 한 후 저장을 합니다.

입력을 한 후 저장후 파일을 실행하면 아래 테이블 처럼 셀경계선과 글자와의 간격이 넓어진 걸 볼수 있을 것입니다.

이번에는 cellspacing값을 0을 주었을 때의 변화를 보겠습니다.

테이블에 cellspacing 값을 변경 한 후 저장합니다.

저장한 후 파일을 실행하면 아래처럼 테이블의 경계선이 바뀌었을 것입니다.

여기까지 cellpadding과 cellspacing을 알아보았습니다.

다음에는 이 옵션을 가지고 테이블을 조금 더 이쁘게 꾸며보도록 하겠습니다.