I would like my HTML table to only show the horizontal cell borders. Is there a way where I can hide the vertical cell borders?
to select the table and show the Table Design tab. On the Table Design tab, click the arrow next to Borders and then click No Border .
Remove a cell borderClick Home > the Borders arrow > Erase Border, and then select the cells with the border you want to erase.
To avoid having double borders like in the example above, set the CSS border-collapse property to collapse .
Remove a horizontal lineOn the Home tab, click the arrow next to the Borders and Shading button, and click No Border.
You can add strictly horizontal border lines by styling tr
tags via CSS.
Example CSS:
tr {
border-bottom: 1px solid black;
border-top: 1px solid black;
border-collapse: collapse;
}
Of course, you can use any border style/width/color you choose.
JS Fiddle: http://jsfiddle.net/XPyzM/
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With