HTML-Tabelle Klasse Stil Tutorial

July 14

Eine HyperText Markup Language (HTML)-Tabelle enthält tabellarischen Daten in Zeilen und Spalten und präsentiert den Inhalt in organisierter Form auf Ihrer Webseite. Wie Sie dieses Element erstellen, haben Sie die Option zum Formatieren der Tabelle Text und Darstellung, z. B. die Rahmenfarbe mit Cascading Style Sheets (CSS)-Klasse. Diese Klasse gilt Ihre Formateinstellungen zu den verschiedenen Komponenten Ihrer Tabelle. Verwenden Sie Text-Editor-Software Ihres Computers in Ihrem HTML-Dokument eine Tabelle-Klasse Formatvorlage.

Anweisungen

1 Starten Sie Ihre Text-Editor-Software, und öffnen Sie die HTML-Seite, die Ihre Tabelle enthält.

2 Platzieren Sie den Cursor zwischen die "< Leiter >< / Kopf >" Elemente des Dokuments. Geben Sie in den CSS-Code, der einen Platzhalter für Ihre Tischformen erstellt:

< Typ style = "Text/Css" >

{ }

< / style >

3 Geben Sie "Table." vor den geschweiften Klammern und geben Sie dann in einen gewünschten Begriff, der den Klassennamen identifiziert. Die Zeit nach dem Selektor "Tabelle" zeigt, dass dies einen Klassenstil ist. Geben Sie den Klassennamen, wie "Beispiel" wie folgt:

{Table.example}

4 Typ "Grenze:" zwischen den geschweiften Klammern und geben Sie einen Zahlenwert in Pixeln (px), um anzugeben, wie dick der Tabellenrahmen. Folgen Sie dieser mit einen Linienstil wie "Solid", "Gestrichelt" oder "Gepunktet", um festzustellen, wie die Grenzlinie angezeigt wird und geben Sie einen Namen Farbe wie "blau", Name der Farbe des Rahmens. Geben Sie ein Semikolon nach Ihrem Eintrag. Zur Veranschaulichung:

Table.example {Border: 1px gepunktet blau;}

5 Geben Sie "Text-align:" und geben Sie "zentriert," "rechts" oder "Links" um die horizontale Position der Daten in der Tabelle zu bestimmen. Zum Beispiel:

Table.example {Grenze: 1px gepunktet blau; Text-align: center;}

6 Typ "Polsterung:" und geben Sie die Anzahl Pixel um wieviel Platz anzugeben, zwischen Ihren Inhalten und den Rand der Tabelle. Zum Beispiel:

Table.example {Border: 1px gepunktet blau; Text-align: Zentrum; Padding: 10px;}

7 Positionieren Sie den Cursor in das Starttag "< Table >". Typ "Klasse =" und geben Sie dann Ihre gewählten Klassennamen danach die Stilregeln zu Ihrem Tisch zuweisen. Zur Veranschaulichung:

< Tabelle Klasse = "Beispiel" >

8 Speichern Sie Ihr Dokument. Ihre Tabelle wird jetzt Ihre Stilregel formatiert.


SIE KÖNNEN AUCH GERNE