Wie kann ich jeder Zeile einer HTML-Tabelle einen unteren Rand hinzufügen?

Hinzufügen von Rändern zu Tabellenzeilen

Bei der Arbeit mit HTML-Tabellen kann es sein, dass Sie am Ende jeder Zeile einen Rahmen hinzufügen müssen. Der Versuch, dies mithilfe von Inline-Stilen oder direkten CSS-Regeln zu erreichen, kann sich jedoch als wirkungslos erweisen.

Um diesen gewünschten Effekt zu erzielen, ist es wichtig, das Attribut „border-collapse:collapse“ in Ihr CSS zu integrieren. Dieses Attribut reduziert die gemeinsamen Ränder zwischen benachbarten Zellen, was zu einem übersichtlicheren und strukturierteren Tabellenlayout führt. Durch Anwenden dieses Attributs auf die Tabellenregel wird die CSS-Regel für den unteren Rand wie vorgesehen wirksam.

Beispiel:

table {
  border-collapse: collapse;
}

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

Dadurch wird sichergestellt, dass alle Die Zeile in der Tabelle hat unten einen schwarzen, durchgezogenen Rand, der die visuelle Attraktivität und Organisation Ihrer Tabellendaten verbessert.

Das obige ist der detaillierte Inhalt vonWie kann ich jeder Zeile einer HTML-Tabelle einen unteren Rand hinzufügen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!