Using Wider border for summary row
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<style type="text/css" media="all">
body {margin: 2em 5%;}
table {border-collapse: collapse; border-spacing: 0;}
th, td {padding: 0.25em 0.55em;}
thead th {border-bottom: 1px solid #333; text-align: center; font-weight: bold;}
tfoot th, tfoot td {border-top: 2px solid #777; color: #373;}
</style>
</head>
<body>
<table>
<thead>
<tr><th>Jan</th><th>Feb</th><th>Mar</th><th>Apr</th><th>May</th><th>Jun</th><th>Jul</th></tr>
</thead>
<tbody>
<tr><td>$11,940</td><td>$12,348</td><td>$14,301</td><td>$15,208</td><td>$17,085</td><td>$17,052</td><td>$17,404</td></tr>
<tr><td>$9,345</td><td>$9,834</td><td>$10,035</td><td>$9,752</td><td>$9,854</td><td>$9,405</td><td>$9,901</td></tr>
<tr><td>$2,585</td><td>$3,123</td><td>$4,135</td><td>$3,511</td><td>$3,092</td><td>$3,551</td><td>$2,811</td></tr>
<tr><td>$1,755</td><td>$3,003</td><td>$2,882</td><td>$2,790</td><td>$1,892</td><td>$2,292</td><td>$1,939</td></tr>
<tr><td>$8,945</td><td>$5,249</td><td>$8,102</td><td>$5,821</td><td>$5,754</td><td>$8,023</td><td>$8,195</td></tr>
<tr><td>$9,034</td><td>$11,025</td><td>$11,593</td><td>$10,283</td><td>$9,995</td><td>$10,572</td><td>$10,200</td></tr>
<tr><td>$10,733</td><td>$12,554</td><td>$12,834</td><td>$11,578</td><td>$12,130</td><td>$11,774</td><td>$11,243</td></tr>
<tr><td>$15,857</td><td>$17,239</td><td>$17,055</td><td>$15,512</td><td>$17,015</td><td>$15,584</td><td>$17,001</td></tr>
<tr><td>$8,245</td><td>$7,929</td><td>$7,498</td><td>$5,017</td><td>$7,909</td><td>$7,155</td><td>$5,045</td></tr>
<tr><td>$4,897</td><td>$4,879</td><td>$4,383</td><td>$7,808</td><td>$4,555</td><td>$7,719</td><td>$4,755</td></tr>
</tbody>
<tfoot>
<tr><td>$83,340</td><td>$85,195</td><td>$91,022</td><td>$90,489</td><td>$88,185</td><td>$90,129</td><td>$87,420</td></tr>
</tfoot>
</table>
</body>
</html>
Related examples in the same category