Wie kann der untere Rand eines <tr> angegeben werden?

Question

Wie kann der untere Rand eines <tr> angegeben werden?

Gefragt el 6 de September, 2009: Wann wurde die Frage gestellt
103418 Ansichten: Anzahl der Besuche der Frage
5 Antworten: Anzahl der Fragenantworten
Gelöst: Aktueller Status der Frage

Ich habe es versucht:

.bb {
    border-bottom:1px;
}

<tr class="bb">

Aber ohne jede Wirkung.

Gefragt el 6 de September, 2009 von omg

Answer 1

5 Antworten

Answer 2

36voto

David Andres Punkte 30563

Versuchen Sie stattdessen das Folgende:

<html>
 <head>
  <title>Table row styling</title>
  <style type="text/css">
    .bb td, .bb th {
     border-bottom: 1px solid black !important;
    }
  </style>
 </head>
 <body>
  <table>
    <tr class="bb">
      <td>This</td>
      <td>should</td>
      <td>work</td>
    </tr>
  </table>
 </body>
</html>

Beantwortet el 6 de September, 2009 von David Andres (30563 Punkte )

Answer 3

24voto

Suciu Lucian Punkte 430

Ajouter border-collapse:collapse auf den Tisch.

Beispiel:

table.myTable{
  border-collapse:collapse;
}

table.myTable tr{
  border:1px solid red;
}

Das hat bei mir funktioniert.

Beantwortet el 12 de Januar, 2014 von Suciu Lucian (430 Punkte )

Answer 4

6voto

Eran Betzalel Punkte 4059

Sie sollten den Stil auf der Seite td Element wie folgt:

<html>
<head>
    <style type="text/css">
        .bb
        {
            border-bottom: solid 1px black;
        }
    </style>
</head>
<body>
    <table>
        <tr>
            <td>
                Test 1
            </td>
        </tr>
        <tr>
            <td class="bb">
                Test 2
            </td>
        </tr>
    </table>
</body>
</html>

Beantwortet el 6 de September, 2009 von Eran Betzalel (4059 Punkte )

Answer 5

1voto

JD - DC TECH Punkte 1153

tr td 
{
    border-bottom: 2px solid silver;
}

oder wenn Sie den Rahmen innerhalb des TR-Tags haben möchten, können Sie dies tun:

tr td {
    box-shadow: inset 0px -2px 0px silver;
}

Beantwortet el 23 de Januar, 2014 von JD - DC TECH (1153 Punkte )

Answer 6

1voto

Halt Punkte 967

Was ich hier sagen möchte, ist eine Art Ergänzung zur Antwort von @Suciu Lucian.

Die seltsame Situation, die ich lief in ist, dass, wenn ich die Lösung von @Suciu Lucian in meiner Datei anwenden, es funktioniert in Chrome, aber nicht in Safari (und habe nicht versucht, in Firefox). Nachdem ich studierte die Leitfaden für die Gestaltung des Tischrandes veröffentlicht von w3.org, habe ich eine Alternative gefunden:

table.myTable{
  border-spacing: 0;
}

table.myTable td{
  border-bottom:1px solid red;
}

Ja, Sie müssen die td anstelle der tr .

Beantwortet el 28 de April, 2016 von Halt (967 Punkte )

Wie kann der untere Rand eines <tr> angegeben werden?

Antworten

Empfohlene Fragen

Top-Tags

CodeJaeger.com

Powered by:

Wie kann der untere Rand eines <tr> angegeben werden?

Antworten

Verwandte Fragen

Empfohlene Fragen

Top-Tags

CodeJaeger.com

Powered by: