Lassen Sie uns nun sehen, wie Sie mit der CSS -Grammatik Tische verschönern. HINWEIS: Sofern nicht anders angegeben, sind die Zellpaket-, Cellpadding- und Grenzwerte der in den in diesem Artikel genannten Beispiele 0. Beispiel 1: 1PX -Tabelle
Viele Menschen sind daran interessiert, 1PX -Formulare herzustellen, daher haben sie verschiedene Methoden erfunden, die bei Verwendung mit CSS viel flexibler sein können. Wenn Sie eine 1x1 1px -Tabelle erstellen möchten, definieren Sie einfach den Grenzwert. Wir setzen zuerst eine 1x1 -Tabelle mit Dreamweaver mit einer Breite von 50 ein und definieren dann Rand: 1 solider Tee in der Tabelle oder TD. Die Wirkung der Tabelle ist wie folgt:
Es ist jedoch etwas problematischer, eine Nicht-1x1-Tabelle (z. B. 2x2) zu erstellen, denn wenn Sie den Grenze zum TD-Stil direkt definieren: 1 solider Tee, lautet der Display-Effekt wie folgt:
Sie werden feststellen, dass die Außenbox der Tabelle 1PX ist, während das Innere zu 2px wird, was auf die Überlagerung zurückzuführen ist. Um dieses Problem zu lösen, können wir dies tun:
Definieren Sie zuerst den Stil für TD: Rand:#CC0000 Solid; Grenzbreit: 0 1 1 0 , so dass die Tabelle als ausgedrückt wird als
Definieren Sie dann den Stil für die Tabelle :: Border:#CC0000 Solid; Border-Width: 1 0 0 1 , damit Sie es in eine vollständige 1PX-Tabelle schaffen können.
Beispiel 2: 1PX -Tabelle mit dicken Grenzen
Die innere Gitterlinie dieser Tabelle beträgt 1px und der äußere Rand ist 3px. Es ist nicht schwierig, dies mit der Grundlage von Beispiel zu tun. 1. Ändern Sie einfach den Grenzwertwert.
Der Code für den von der Tabelle verwendeten Stil lautet: Grenze: Blau Solid; Grenzbreite: 3 2 2 3 , und der Code für den vom TD verwendeten Stil ist: Rand: Blau Solid; Grenzbreite: 0 1 1 0 Beispiel 3: gepunktete Boxtabelle
Die Praxis ähnelt Beispiel 1 und der Grenzstil wird von fest zu gestrichelt. Der Code für den in der Tabelle verwendeten Stil lautet: Border: Schwarz gestrichelt; Randbreits: 1 0 0 1 , und der Code für den im TD verwendeten Stil ist: Border: Schwarz gestrichelt; Randbreite: 0 1 1 0 Beispiel 4: Dotted und Line Rand Table
Beachten
Beachten Sie, dass das minimale Pixel einer Doppellinie 3. beträgt. Der Code für den in der Tabelle verwendeten Stil lautet: Border: Teal 4 Dou . Der Code für den im TD verwendeten Stil lautet: Border: Teal 1 Solid Beispiel 6: Außenbezirkstabelle ausgehen
Der Code für den in der Tabelle verwendeten Stil lautet: Rand: 3 Beginn und der Code für den vom TD verwendeten Stil laut
Der Code für den Stil , den die Tabelle verwendet
Der Code für den Stil , den die Tabelle verwendet
Vorherige Seite 1 2 3 Nächste Seite Lesen Sie den vollständigen Text