One Pixel Table Borders with CSS

I just found a really cool way to do one pixel table borders but it requires CSS. Isaac informs me that this will also work on a div tag.

<style>
    table { border-collapse: collapse; }
    td, th { border: 1px solid #000000; vertical-align: baseline; }
</style>

<table border="0" cellpadding="3">
<tr>
    <td>Cell 1</td>
    <td>Cell 2</td>
</tr>
<tr>
    <td>Cell 3</td>
    <td>Cell 4</td>
</tr>
</table>
Leave A Reply - 3 Replies
Replies
July 27th 2011 - Vijay

Oh my god, you just solved my years together problem so simply in 5 seconds. I don't know how should I thank you.

Thanks a lotttttttttttttt, Vijay

August 8th 2011 - MackAttack

Vijay,

Geeze this is the simpliest of simpliest css... and it took you a year to figure it out??? Man I'd find another past time hobby, I sure hope you dont code for a living!

November 21st 2011 - Ah huh

It that's your idea of spelling correctly MackAttack, then I hope you're not a coder either.

All content licensed under the Creative Commons License