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

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

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

CSS 로 cellspacing, cellpadding 처리

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

<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