Amazing Story

14. 테이블 스타일※ 테이블에 스타일을 적용할 때, 자주 사용하는 속성을 알려드릴께요표의 선에는 border-spacing: 0; border-collapse:collapse; 를,제목을 나타내는 caption에는 display: none; 을 자주 사용합니다.(표제목은 웹접근성을 감안하여 꼭 작성해야 하지만, 디자인상 없애는 경우가 많습니다.) ■ 예시1 12345678910111213141516171819202122232425262728293031323334테이블 스타일 *{margin:0; padding: 0;} .aa{border: 5px solid #000; border-spacing: 0; border-collapse:collapse; } .aa *{margin:0; padding: 0;} ..

7. Table표는 table로 정의하고 tr, td(th)로 표현 1234567891011121314151617181920212223242526기본형1 콘텐츠 기본형2 콘텐츠1 콘텐츠2 기본형3 칸1 칸2 칸3 칸4 1) 표의 제목 달기표의 제목은 caption을 사용하고 table과 첫번째 행 사이에 입력한다. 123456표제목 칸1 2) 제목셀 만들기제목셀을 표현하는 경우 td대신에 th를 사용.제목셀은 가운데 정렬, 볼드체로 표현. 1234567표제목 제목 내용 3) 셀병합하기셀을 합칠 때는 colspan, rowspan 속성을 셀에 작성.셀을 나누는 태그나 속성은 따로 존재하지 않음 1234567891011병합 1 2 2 3 ■ 셀병합시 조건- 행을 더할 때- 열을 더할 때- 행과 열을 더할 때..