Table question/problem

Question

This is an html table question, but since I am working with
CF on this, I thought I would post here for help.
I query and cfoutput the data in a table. The table has ten
columns. The first five are alpha numeric and the last five are
numeric. The output displays fine.
What the want to do now is to put a black border around the
number columns, the last five.
I tried to make each column its own table, but that just puts
a box around each value, the columns are not connected.
How can I do this ?
Thanks for helping.

Answer 1

Put a thin black left border in the sixth column and a
similar right border in the tenth (last) column.
It is neater and advisable to use CSS.
<style type="text/css">
<!--
.bdrLft {
border-left-color:#000000;
border-left-width:thin;
-->
</style>
<td class="bdrLft">
The inline formatting will look like:
<td style="border-left-color:##000000;
border-left-width:thin;">
Do the same for the top border (last 5 column headers). The
bottom border may be trickier. The idea is to apply bottom border
at the last query count. One can do without the top and bottom
borders, however.