간단한 css 테이블
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=euc-kr"> <title>Untitled Document</title> <style> #table {border-collapse:collapse; margin:0 auto} #table td {border:1px solid #ccc; border-collapse:collapse; padding:5px; width:200px} #table tr:nth-child(1) {background:#f7f7f7} /* tr:first-child 와 같음 */ /* table 좌우선 없애기 */ #table td:first-child {border-left:0} #table td:last-child {border-right:0} </style> </head> <body> <table id="table" width="1000" border="0" cellspacing="0" cellpadding="0"> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> </table> <br> <br> <style> #table2 {border-top:2px solid #666; border-bottom:1px solid #666; border-collapse:collapse; margin:0 auto} #table2 td {border:1px solid #ccc; padding:5px; width:200px;} #table2 tr:nth-child(1) {background:#f7f7f7} /* tr:first-child 와 같음 */ /* table 좌우선 없애기 */ #table2 td:first-child {border-left:0} #table2 td:last-child {border-right:0} /* table 상하 선넣기위해 맨위, 맨아래 td선없애기 */ #table2 tr:first-child td {border-top:0} #table2 tr:last-child td {border-bottom:0} </style> <table id="table2" width="1000" border="0" cellspacing="0" cellpadding="0"> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> </table> </body> </html>
