TABELLA senza bordi di celle verticali

Question

Vorrei che la tabella HTML mostrasse solo i bordi delle celle orizzontali. C'è un modo in cui posso nascondere i bordi delle celle verticali ??

Answer 1

Supponendo che si stia utilizzando il vecchio stile <table border="1">, rendendolo <table border="1" rules="rows">.

Answer 2

È possibile aggiungere linee di confine rigorosamente orizzontali con lo styling di tag tr tramite CSS.

Esempio CSS:

tr { 
    border-bottom: 1px solid black; 
    border-top: 1px solid black; 
    border-collapse: collapse; 
}​ 

Naturalmente, è possibile utilizzare qualsiasi stile di bordo/larghezza/colore scelto.

JS Fiddle: http://jsfiddle.net/XPyzM/

Answer 3

table, th, td { 
    border-left: none; 
    border-right: none; 
} 

Answer 4

È possibile aggiungere linee di confine rigorosamente orizzontali per lo styling tag tr tramite CSS.

<TABLE 
    BORDER=1 CELLPADDING=3 CELLSPACING=1 
    RULES=COLS FRAME=BOX 
> 

Answer 5

<style> 
    td {border-left: 1px solid black;} 
</style>