Knightnet Site Design - How to do nicely bordered tables

You are in section: Home > Site Design > How To

Standard HTML table borders are rather brutal so it is nice to use cascating style sheet (CSS) control to format tables properly.

CSS

.tblBorder TD {border:.01em solid silver;text-align:left;}

HTML

<table class="tblBorder" cellspacing="0" cellpadding="3%"> ...

Example

One One One Two One Three
Two One Two Two Two Three
Three One Three Two Three Three

Pages:

Valid HTML 4.01 iconValid CSS icon
© Copyright Julian Knight, July 2008 All rights reserved.
Page: Updated 2008-07-10 08:50:07, Author Julian Knight