Füge dem Tabellenzeilen-Element <tr> einen unteren Rand hinzu.

Question

Ich habe eine Tabelle von 3 mal 3. Ich brauche eine Möglichkeit, einen Rand für den unteren Teil jeder Zeile tr hinzuzufügen und ihm eine spezifische Farbe zu geben.

Zuerst habe ich den direkten Weg ausprobiert, d.h.:

Aber das hat nicht funktioniert. Also habe ich CSS hinzugefügt wie folgt:

tr {
border-bottom: 1pt solid black;
}

Aber das hat immer noch nicht funktioniert.

Ich würde es vorziehen, CSS zu verwenden, denn dann muss ich nicht jedem Zeile ein style Attribut hinzufügen. Ich habe kein border Attribut zur`

hinzugefügt. Ich hoffe, dass das meine CSS nicht beeinflusst.`

Answer 1

Sie können keinen Rahmen um ein tr-Element setzen. Das hat bei mir in Firefox und IE 11 funktioniert:

Answer 2

HTML

CSS

tr.bottom-border {
  border-bottom: 1px solid #222;
}