Heim > Artikel > Web-Frontend > Wie füge ich abgerundete Ecken zu Tabellenzeilen in HTML hinzu?
Tabellenzeilen mit Randradius gestalten
In HTML-Tabellen ist das
Um diese Einschränkung zu überwinden, können Sie die folgenden CSS-Stile verwenden:
<code class="css">table { border-collapse: separate; border-spacing: 0; } td { border: solid 1px #000; border-style: none solid solid none; padding: 10px; } tr:first-child td:first-child { border-top-left-radius: 10px; } tr:first-child td:last-child { border-top-right-radius: 10px; } tr:last-child td:first-child { border-bottom-left-radius: 10px; } tr:last-child td:last-child { border-bottom-right-radius: 10px; } tr:first-child td { border-top-style: solid; } tr td:first-child { border-left-style: solid; }</code>
Diese Stile bewirken Folgendes:
Das obige ist der detaillierte Inhalt vonWie füge ich abgerundete Ecken zu Tabellenzeilen in HTML hinzu?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!