table cellspacing, cellpadding 속성을 css 로 처리하기
CSS 2011. 11. 12. 21:42
cellpadding 속성은 td style에 padding 을 주면 동일한 효과가 적용되고,
cellspacing 속성은 table style에 border-spacing 을 적용하면 동일한 효과가 적용된다.
가나다라 | 가나다라 |
가나다라 | 가나다라 |
<style> #tbl {border-spacing:100px;} #tbl td {padding:30px;} </style>
<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
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
'CSS' 카테고리의 다른 글
HTML 테이블 높이 100% 맨들기 (2) | 2014.05.20 |
---|