Autor: Gu Yanying
Fügen Sie eine Tabelle in Dreamweaver ein. Wenn Sie den „Rand“ auf 1 setzen, wird die Randlinie in der Vorschau dicker. Wie können Webseitenersteller, die mit der HTML-Sprache nicht vertraut sind, schnell Tabellen mit dünnen Kanten erstellen? Als nächstes stelle ich Ihnen einen kleinen Trick vor: Setzen Sie Hintergrundfarbe und Abstände geschickt ein, um Tabellen mit dünnen Kanten zu erstellen.
Nehmen Sie als Beispiel die Erstellung einer Tabelle mit 4 Zeilen und 3 Spalten und einem dünnen roten Rand:
Schritt 1 Fügen Sie eine Tabelle mit 4 Zeilen und 3 Spalten in die Entwurfsansicht von Dreamweaver ein.
Schritt 2 Legen Sie die Eigenschaften dieser Tabelle im Bereich „Eigenschaften“ wie folgt fest: Rand (CellPad) stellt den Wert nach Bedarf ein (z. B. 10); Rand (Border) ist 0; Bg-Farbe) ist rot.
Schritt 3 Wählen Sie alle Zellen in dieser Tabelle aus und legen Sie die Eigenschaften aller Zellen im Bereich „Eigenschaften“ wie folgt fest: Die Hintergrundfarbe (Hg) ist eine andere Farbe als Weiß oder Rot.
Speichern Sie abschließend die Webseite und drücken Sie F12, um eine Vorschau anzuzeigen. Wie wäre es, wenn vor Ihnen ein dünner roter Tisch mit 4 Zeilen und 3 Spalten präsentiert wird?
Wenn wir außerdem wie gewohnt Tabellen für Layout und Positionierung verwenden möchten, aber solange die äußeren Randlinien als dünne Linien dargestellt werden und die inneren Zellteiler nicht angezeigt werden, können wir verschachtelte Tabellen zusammen verwenden. Im Folgenden wird die dünne rote Linie als äußerer Rand der Tabelle als Beispiel zur Veranschaulichung der Vorgehensweise verwendet:
Schritt 1 Fügen Sie eine Tabelle mit 1 Zeile und 1 Spalte in die Entwurfsansicht von Dreamweaver ein.
Schritt 2 Legen Sie die Eigenschaften dieser Tabelle im Bereich „Eigenschaften“ wie folgt fest: „Rand“ ist wie erforderlich eingestellt (z. B. 5); „Rand“ ist 0; „Hintergrundfarbe“ ist rot.
Schritt 3 Wählen Sie die einzige Zelle dieser Tabelle aus und stellen Sie im Bereich „Eigenschaften“ die „Hintergrundfarbe“ dieser Zelle auf eine andere Farbe als Weiß oder Rot ein.
Schritt 4 Positionieren Sie den Cursor in der Tabelle mit 1 Zeile und 1 Spalte und fügen Sie nach Bedarf eine verschachtelte Tabelle mit mehreren Zeilen und Spalten ein. Der „Rahmen“ dieser verschachtelten Tabelle muss auf 0 gesetzt werden und der „Rand“ und „Abstand“. " kann je nach Bedarf festgelegt oder nicht festgelegt werden, andere Attribute können möglicherweise nicht festgelegt werden.
Auf diese Weise können wir Text, Bilder und andere Webseitenelemente in verschiedene Zellen der verschachtelten Tabelle einfügen.
Sind Sie ein wenig in Versuchung? Probieren Sie es jetzt aus!