table要素のcellspacing="0"をCSSで
「border-collapse: collapse;」で同様の効果が得られます。
<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style> table { border: 1px solid #aaaaaa; border-collapse: collapse; /** 隣接するセルのボーダーを重ねて表示 */ } td, th { border: 1px solid #aaaaaa; } </style> </head> <body> <table> <tr> <th>名前</th> <th>齢</th> </tr> <tr> <td>mii</td> <td>0</td> </tr> <tr> <td>tora</td> <td>1</td> </tr> <tr> <td>shiro</td> <td>0</td> </tr> </table> </body> </html>
table1つ1つにちまちま設定してたよorz。