<html><head></head><body bgcolor="#dddddd">最近入手した「詳解 HTML & CSS & JavaScript 辞典」が役に立ちました。
<style type="text/css">
.tn table {border-collapse: collapse; /* for IE */
border-spacing: 0; /* for N6 */}
.tn td {border: 1px solid #000; padding: 0 0.5em 0 0.5em;
white-space: nowrap;}
.tn td.open {border-width: 1px 1px 0 1px;}
.tn td#spc {border-width: 0 0 1px 0;}
</style>
<div class="tn">
<table><tr>
<td id="spc"> </td><td>はじめに</td>
<td id="spc"> </td><td class="open">解説</td>
<td id="spc"> </td><td>おわりに</td>
<td id="spc" width="100%"> </td>
</tr></table>
</div>
</body></html>