1. 테이블 테두리 선의 두께 조절
테이블 정렬과 외부 테두리 설정
– Align 속성
• align=“left/right”
• 다른 태그의 정렬 방식과 마찬가지로 지정
– Border 속성
• boreder=픽셀 수
• 픽셀의 수를 지정하여 테이블의 테두리선 지정
• 테두리선의 두께는 두꺼워질 뿐 테이블의 내부에 영향을 주지 않는다.
align 테이블 정렬 방식 지정
border = "n (픽셀단위)" 테이블 외부테두리의 두께, 기본 값 : 1
2. 테이블의 크기 조절
테이블에 여백 넣기
• 테이블 여백 설정
– cellpadding=픽셀 수
• 셀과 셀 사이에 여백 지정, 셀의 두께가 변경되는 효과
– cellspacing=픽셀 수
• 테이블의 텍스트와 셀 사이의 여백 지정
cellpadding 셀 테두리와 셀 내용 사이의 간격
cellspacing 셀과 셀 사이의 경계선 굵기
테이블 크기 조절
– 테이블 크기 조절 width, height=“픽셀 수/비율”
– 비율로 지정 시 브라우저 사이즈에 대한 비율로 지정된다.
width 테이블의 너비
height 테이블의 높이
'HTML.CSS.JavaScript > 수업' 카테고리의 다른 글
17. 프레임 작성하기(6-2) (0) | 2017.05.24 |
---|---|
16. 테이블 작성하기(6-1) (0) | 2017.05.24 |
14. 테이블 작성하기(5-2) (0) | 2017.05.20 |
13. 멀티미디어(5-1) (0) | 2017.05.20 |
12. 멀티미디어(4-3) (0) | 2017.05.12 |