프린트
테이블작성시 고급테크닉 - padding tag 미랑 · 2006-06-24 01:37:01
html에서 table 작성시 테이블안의 글 내용의 위치를 자유자재로 이동시킬 수 있는 padding 태그에 대한 사용법입니다. padding-top, padding-bottom, padding-left, padding-right 등은 상하좌우의 각각의 여백을 지정해 줍니다.
<td style=\"padding-top:10\">내용<td>
셀안의 위쪽에 10픽셀 여백을 줍니다.
<td style=\"padding:5 15\"> or <td style=padding:5, 15>
값을 두개 주면 상하는 5px, 좌우는 15px 여백을 주게 됩니다.
<td style=\"padding:50\">
셀안의 상/하/좌/우 모두 50픽셀 여백을 줍니다.
<td style=\"padding:5 0 0 15\"> or <td style=padding:5, 0, 0, 15>
시계방향으로 차례대로 위,오른쪽,아래,왼쪽에 여백값을 주게 됩니다.
쌍따옴표를 사용하지 않으면 , 로 각각을 구분함