각 td에 여러 클래스를 추가하지 않고도 테이블의 각 열 스타일을 정의할 수 있습니다. th, colgroup, col 등과 같은 속성을 사용하면 쉽게 수행할 수 있습니다. ^_^
코드는 다음과 같습니다.
TagName | ClassName | CSS |
---|---|---|
table | Demo | border-collapse: collapse; color: #454545; font: 11px/150% Verdana, Arial, Helvetica, sans-serif; |
th | padding: 3px 7px; border: 1px solid #f60; border-width: 2px 1px 1px; background: #ffffe1; | |
td | padding: 3px 7px; border: 1px solid #f60; | |
col | Col1 | text-align: right; background: #f5f5f5; |
col | Col2 | color: #00c; |
col | Col3 | font-style: italic; |