html - CSS: table border separated horizontally and collapsed vertically -

Is there a way to apply the properties of different and collapsed boundaries in a table cell, which is broken But is it different?

"/57.gif" alt = "alt text">

no, border-fall does not allow you to define horizontal and vertical separately, you can get it with additional markup (which can be too many on a table, additional markup), Therefore I do not advise it, but I give code for:

HTA L:

  & lt; Table & gt; & lt; tr & gt; & lt; th & gt; & lt; div & gt; Header 1 & lt; / div & gt;  & lt; / TR & gt; & lt; tr & gt; & lt; td & gt; & lt; div & gt; Content 3 & lt; / Div & gt; & Lt; / Td> & Lt; Td> & Lt; Div & gt; Content 4 & lt; / Div & gt; & Lt; / Td> & Lt; / TR & gt; & Lt; / Table & gt;  

and CSS:

  table {border-fall: collapse;} th, td {border: 0; Padding: 0;} th div, td div {margin: 5px 0 0; Limit: 1 px solid # ff0000; Padding: 5px;}  

Of course, you might want to use a class on div or a hair selector, just to target If you have

table data in other div can be margins controls your horizontal interval, and of course, your padding The or border width can be whatever you want.