TABELLE ohne vertikale Zellgrenzen

Question

Ich möchte, dass meine HTML-Tabelle nur die horizontalen Zellgrenzen zeigt. Gibt es einen Weg, wo ich die vertikalen Zellgrenzen verstecken kann?

Answer 1

Angenommen, Sie verwenden Old-Style <table border="1">, machen Sie es <table border="1" rules="rows">.

Answer 2

Sie können strikt horizontale Rahmenlinien hinzufügen, indem Sie die Tags tr über CSS formatieren.

Beispiel CSS:

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

Natürlich können Sie jede Grenze Stil/Breite/Farbe, die Sie wählen, verwenden.

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

Answer 3

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

Answer 4

Sie können Styling tr-Tags über CSS streng horizontalen Grenzlinien hinzuzufügen.

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

Answer 5

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