


Wie stelle ich den Abstand zwischen Tabellenrändern in CSS ein? Verwendung des Border-Spacing-Attributs
In CSS wird die Eigenschaft „border-spacing“ verwendet, um den Abstand zwischen den Rändern benachbarter Zellen festzulegen, wenn sich der Rand der Tabelle im „getrennten“ Zustand befindet. Der folgende Artikel zeigt Ihnen, wie Sie das Attribut „border-spacing“ verwenden. Ich hoffe, dass es für Sie hilfreich ist.
CSS-Grenzabstandseigenschaft
Grenzabstandseigenschaft „trennt“ den Tabellenrand, Legen Sie den horizontalen und vertikalen Abstand der Zeilen- und Zellenränder fest. [Video-Tutorial-Empfehlung: CSS-Tutorial]
Es kann 1~2 Längenwerte haben:
● Wenn alle zwei Längenwerte sind vorausgesetzt, dass der erste auf den horizontalen Abstand und der zweite auf den vertikalen Abstand wirkt.
● Wenn nur ein Längenwert angegeben wird, gilt dieser Wert für den horizontalen und vertikalen Abstand.
Hinweis: Das Attribut „border-spacing“ entspricht dem HTML-Tag-Attribut „cellspacing“.
Hinweis: Diese Eigenschaft funktioniert nur, wenn die Tabellenränder unabhängig sind (d. h. wenn die Eigenschaft „border-collapse“ auf „separat“ eingestellt ist).
Verwendungsbeispiel der CSS-Eigenschaft „border-spacing“
Das Folgende ist ein einfaches Codebeispiel, um zu sehen, wie die Eigenschaft „border-spacing“ die Tabelle festlegt Randraumabstand:
Beispiel 1: Beim Festlegen von border-collapse: Collapse;:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 |
|
Rendering:
Beispiel 2:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 |
|
Rendering:
Codebeschreibung:
Wenn der Rand unabhängig ist (wenn das Attribut „border-collapse“ auf „trennen“ eingestellt ist), wird der Randabstand wirksam, wenn benachbarte Kanten zusammengeführt werden (wenn das Attribut „border-collapse“ auf „collapse“ eingestellt ist). - Abstandsattribut ist ungültig.
Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird für das Studium aller hilfreich sein. Weitere spannende Inhalte finden Sie in den entsprechenden Tutorial-Kolumnen auf der chinesischen PHP-Website! ! !
Das obige ist der detaillierte Inhalt vonWie stelle ich den Abstand zwischen Tabellenrändern in CSS ein? Verwendung des Border-Spacing-Attributs. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Heiße KI -Werkzeuge

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool
Ausziehbilder kostenlos

Clothoff.io
KI-Kleiderentferner

AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

Heiße Werkzeuge

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen

Verwendung von React-Transition-Gruppen in React, um Verwirrung über eng nach Übergangsanimationen zu erreichen. In React-Projekten werden viele Entwickler sich für die React-Übergangsgruppenbibliothek für ...

In Bezug auf das Problem der inkonsistenten Breite von EMSP -Räumen in HTML- und chinesischen Charakteren in vielen Web -Tutorials wird erwähnt, dass die Breite eines chinesischen Charakters, aber die tatsächliche Situation nicht ...

Die Erreichung der Höhe des Eingangselements ist sehr hoch, aber der Text befindet sich unten. In der Front-End-Entwicklung begegnen Sie häufig einige Anforderungen an die Stilanpassung, z. B. die Höhe ...

Der ad-axis-Position adaptive Algorithmus für Webanmerkungen In diesem Artikel wird untersucht, wie Annotationsfunktionen ähnlich wie Word-Dokumente implementiert werden, insbesondere wie man mit dem Intervall zwischen Anmerkungen umgeht ...

Wie wähle und style ich Elemente der ersten spezifischen Klasse mit CSS und JavaScript? In der Webentwicklung begegnen Sie häufig auf die Notwendigkeit, bestimmte Klassen auszuwählen und zu ändern ...

Wie kann man den 45-Grad-Kurveneffekt des Segmenters erreichen? Bei der Implementierung des Segmenters verwandeln Sie den rechten Rand in eine 45-Grad-Kurve, wenn Sie auf die linke Schaltfläche klicken, und der Punkt ...

In Bezug auf die Gründe und Lösungen für falsch ausgerichtete Darstellung von Inline-Block-Elementen. Beim Schreiben von Webseitenlayout stoßen wir oft auf einige scheinbar seltsame Anzeigenprobleme. Vergleichen...

Implementierung des CSS -Schriftart -Gradienteneffekts Viele Entwickler hoffen, einen coolen Schriftgradienteneffekt auf Webseiten zu erzielen. In diesem Artikel wird ausführlich erläutert, wie CSS3 verwendet wird, um die Grafik zu implementieren ...
