HTML Tabelle - Nur Border als Zeilentrenner, oben und unten

[Gunnar Bittersmann]

@@molily:

nuqneH

ul { margin: 0; padding: 0; border-top: 1px solid black; }

li { margin: 0; padding: 1em; border-bottom: 1px solid black; }

  
Oder (hier nur borders aufgeschrieben):  
  
~~~css
ul { border-top: 1px solid black; border-bottom: 1px solid black; }  
li:not(:first-child) { border-top: 1px solid black; }

Für ältere Browser, die :not() noch nicht kennen, müsste man das allerdings anders schreiben:

ul { border-top: 1px solid black; border-bottom: 1px solid black; }  
li { border-top: 1px solid black; }  
li:first-child { border-top: none; }

Das hat den Vorteil, dass man obere und untere Begrenzungslinie und Zwischenlinien problemlos anders gestalten kann:

ul { border-top: 1px solid black; border-bottom: 1px solid black; }  
li { border-top: 1px dashed silver; }  
li:first-child { border-top: none; }

Qapla'