Putting On the Finishing Touches

There's quite a bit more you can do to embellish the table. In the following sections, you set horizontal and vertical borders, turn off internal borders, and set a border around the outside of your table, in addition to setting background images in your table. Before doing any of that, however, you need to add some CLASS attributes (class="top", class="none", and class="left") to your example code, so you can then attach specific style properties to them:

<thead>
<tr>
<th>&nbsp;</th><th colspan="3">Monthly Payment</th><th colspan="3">Total
Interest</th>
</tr>

<tr class="top">
<th class="none">Down-<br>Payment</th><th class="left">20
Years</th><th>25 Years</th><th>30 Years</th><th class="left">20 Years</th><th>25 ...

Get Cascading Style Sheets (CSS) by Example now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial