table cellspacing, cellpadding 속성을 css 로 처리하기

cellpadding 속성은 td style에 padding 을 주면 동일한 효과가 적용되고,

cellspacing 속성은 table style에 border-spacing 을 적용하면 동일한 효과가 적용된다.

CSS 로 cellspacing, cellpadding 처리

가나다라	가나다라
가나다라	가나다라

1 2 3 4

<style>     #tbl {border-spacing:100px;}     #tbl td {padding:30px;} </style>

1 2 3 4 5 6 7 8 9 10 11

<table id="tbl" border="1px">     <caption>CSS 로 cellspacing, cellpadding 처리</caption>     <tr>         <td>가나다라</td>         <td>가나다라</td>     </tr>     <tr>         <td>가나다라</td>         <td>가나다라</td>     </tr> </table>

2011/11/11 - [Javascript 예제] - jQuery로 테이블 tr 동적으로 추가,삭제 하기 v2

2011/11/07 - [Javascript] - javascript 로 PC에서 접속했는지 모바일 기기에서 접속했는지 체크하기

2011/11/06 - [jQuery Plugin] - jQuery datepicker 팝업창 사이즈 바꾸기

2011/11/06 - [jQuery Plugin] - jQuery UI datepicker z-index 때문에 datepicker 가 뽓 나타나지 않을때 해결하기

2011/09/28 - [Javascript] - Javascript Timer setTimeout(), setInterval() 함수 나름 새로운 사용법 -_-

2011/09/19 - [jQuery Plugin] - 자작 훌러그인 : jQuery monthPicker Plugin v0.1