HTML+CSS-Beispielcode für zusammengeführte Tabellenränder
|
Wenn wir Tabellen- und td-Tags Rahmen hinzufügen, werden standardmäßig doppelte Rahmen verwendet, wie dieser.
Wenn wir die Ränder von Tabelle und td zusammenführen möchten, können wir den Attributwert border-collapse so festlegen, dass er im Tabellenstil zusammenfällt. Wie unten dargestellt:
Schauen Sie sich den Effekt noch einmal an:
Um die Replikation zu vereinfachen, hier der Code:
<!DOCTYPE html>
<html lang="de">
<Kopf>
<meta charset="UTF-8">
<meta name="viewport" content="width=Gerätebreite, Anfangsmaßstab=1.0">
<title>Dokument</title>
<Stil>
Tisch{
Rahmen: 1px durchgehend blau;/*Rahmen zur Tabelle hinzufügen*/
border-collapse: collapse;/*Grenzen zusammenführen*/
}
td{
Rahmen: 1px durchgehend blau;/*Rahmen zur Zelle hinzufügen*/
}
</Stil>
</Kopf>
<Text>
<Tabelle>
<tr>
<td>1.1</td>
<td>1.2</td>
</tr>
<tr>
<td>2.1</td>
<td>2.2</td>
</tr>
</Tabelle>
</body>
</html>
Damit ist dieser Artikel über den Beispielcode zum Zusammenführen von Tabellenrändern in HTML und CSS abgeschlossen. Weitere relevante Inhalte zum Zusammenführen von Tabellenrändern in HTML finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen! |
<<: Detailliertes Beispiel zum Auffinden und Optimieren langsamer SQL-Abfragen in MySQL
Artikel empfehlen
Der Prozess der Installation von Docker im Linux-System
In diesem Blog führe ich Sie in einfachen Schritt...
Detaillierte Verwendung des Vue-Timers
In diesem Artikelbeispiel wird der spezifische Co...
Konfiguration der MySQL-Master/Slave-Datenbanksynchronisierung und häufige Fehler
Da die Anzahl der Besuche zunimmt, werden bei ein...
Linux-Systemaufrufe für Betriebsdateien
Inhaltsverzeichnis 1. Öffnen Sie die Datei Parame...
Praktischer Bericht über die Entwicklung von Vue3- und TypeScript-Projekten
Inhaltsverzeichnis Überblick 1. Kompositions-API ...
Linux /etc/network/interfaces Konfigurationsschnittstellenmethode
Die Datei /etc/network/interfaces wird in Linux z...
Detaillierte Installation und Konfiguration von Subversion (SVN) unter Ubuntu
Wenn Sie Softwareentwickler sind, müssen Sie mit ...
Analyse der Methoden zur visuellen Strukturierung und Gestaltung von Kinder-Websites
1. Warm und sanft Zugehörige Adresse: http://www.w...
Wird die Tabelle durch ein Update in einer MySQL-Transaktion gesperrt?
Zwei Fälle: 1. Mit Index 2. Ohne Index Voraussetz...
Kompatibilitätsprobleme mit CSS3-Farbverlaufshintergründen
Wenn wir eine Hintergrundfarbe mit Farbverlauf er...
Zusammenfassung der MySQL-Injection-Bypass-Filtertechniken
Schauen wir uns zunächst den GIF-Vorgang an: Fall...
Vue implementiert den Schnittstellen-Gleiteffekt
In diesem Artikelbeispiel wird der spezifische Co...
Detaillierte Erklärung der HTML-Ereignisse „onfocus gain focus“ und „onblur lose focus“
HTML-Onfocus-Ereignisattribute Definition und Ver...
10 hervorragende Web-UI-Bibliotheken/Frameworks
1. IT Mill-Toolkit IT Mill Toolkit ist ein Open-S...
Häufige Ursachen und Lösungen für langsame MySQL-SQL-Anweisungen
1. Langsame Abfrage aufgrund fehlenden oder ungül...