CSS Quick Tip TuesdayTable Border

One of the most annoying things I find using SiteCM is that when you add a border to a table it is ugly. It's that grey beveled thing reminiscent of Netscape which makes me cringe a little. Solution style the border in my css so in the event that the client adds a border to their table it will, by default, write out a nice smooth single pixel border.

table{border-width: 0 0 1px 1px;border-style: solid;}

td{border-width: 1px 1px 0 0;border-style: solid;margin: 0;}

See how easy that was? And the result is that the page went from writing out this: