Wenn Sie in Dreamweaver eine horizontale Linie (horizontale Linie) einfügen, ist diese Linie standardmäßig nur grau. In vielen Fällen entspricht dies nicht unseren Anforderungen. Was sollten Sie tun, wenn Sie gerade Linien in anderen Farben einfügen möchten (sogar so dünn wie ein Pixel)?
Fügen Sie zunächst eine horizontale Linie an einer geeigneten Position im Dokumentfenster (Webseitenbearbeitungsfenster) ein und
drücken Sie Strg + F3, um sie einzufügen das Fenster „Eigenschafteninspektor“ öffnen),
Deaktivieren Sie in diesem Eigenschaftenfenster das Kontrollkästchen vor der Schattierung. Geben Sie den Pixelwert (Pixel) oder den Prozentsatz in W ein, um die Länge dieser Linie festzulegen. In H kann die Eingabe von 1 diese Linie sehr dünn machen, bis hin zu einem Pixel. Wenn Sie eine dickere Linie wünschen, geben Sie einen größeren Wert in H ein. Auf diese Weise wird der dünne Draht eingefügt, Sie werden jedoch feststellen, dass dieser Draht grau ist und die Farbe im Eigenschaftenfenster nicht eingestellt werden kann. Wenn Sie andere Farben festlegen möchten, können Sie dies über CSS steuern. Das Einrichten von CSS ist in DreamWeaver sehr einfach und Sie müssen nicht einmal die Syntax von CSS verstehen.
Wählen Sie im Menü „Text“ die Option „CSS-Stil | Neuer Stil“ aus.
Geben Sie im Dialogfeld „Neuer Stil“ einen Namen in die Namensspalte ein, z. B. „Colorline“, wählen Sie „Nur dieses Dokument“ im Optionsfeld „Definieren“ aus und klicken Sie auf „OK“. Daraufhin wird das Dialogfeld „Stildefinition für .colorline“ angezeigt:
Wählen Sie im Typprojekt die gewünschte Farbe aus, z. B. Rot, klicken Sie dann auf „OK“ und dann auf „Fertig“, um einen neuen Stil zu erstellen. Wählen Sie die dünne Linie im Webseitenbearbeitungsfenster aus und klicken Sie auf Text |. CSS-Stil |. Im Webseitenbearbeitungsfenster ist die Farbe der Linie immer noch grau, aber drücken Sie F12, um eine Vorschau anzuzeigen Im Browser können Sie sehen, dass sich die Farbe der eingefügten dünnen Linie in das gewünschte Rot geändert hat.
Es gibt eine andere Möglichkeit, farbige dünne Linien einzufügen, sogar so dünn wie ein Pixel. Fügen Sie zunächst eine Tabelle mit einer Zeile und einer Spalte in das Webseitenbearbeitungsfenster ein und fügen Sie dann ein 1 Pixel × 1 Pixel großes transparentes Bild in die Tabelle ein (steuern Sie die Seite). in dreameaver4 Das im Layout verwendete Abstandsbild ist genau ein solches Bild. Wenn Sie also nicht wissen, wie Sie mit Software ein solches Bild erstellen, können Sie es in dreameaver4 wie folgt generieren:
Klicken Sie im Bedienfeld „Objekt“ zunächst auf die Layoutansicht im Bedienfeld „Ansicht des Objekts“, dann auf „Layouttabelle zeichnen“, ziehen Sie im Webseitenbearbeitungsfenster, um eine Layouttabelle zu erstellen, und klicken Sie im Dropdown-Menü der Tabelle auf „Abstandhalter hinzufügen“. Kopfzeile.
Erstellen und speichern Sie ein Abstandsbild. Dieses Abstandsbild ist ein 1 Pixel × 1 Pixel großes transparentes Bild. Stellen Sie dann die Eigenschaften der Tabelle auf Folgendes ein: H (Höhe) ist 1 Pixel (1 Pixel), W (Breite) ist die gewünschte Breite (Pixelwert oder Prozentsatz können eingegeben werden), geben Sie 0 in Cellpad, Cellspace und Border ein und Wählen Sie dann unter Bg Color (Hintergrundfarbe) die gewünschte Farbe aus und die farbige horizontale dünne Linie wird eingefügt.
Wenn Sie den H-Wert erhöhen, wird die Linie dicker. Wenn Sie eine farbige vertikale dünne Linie einfügen möchten, stellen Sie H auf den gewünschten Höhenwert und W auf 0 ein. Die anderen Einstellungen sind dieselben wie oben, um eine vertikale dünne Linie einzufügen. Im Webseitenbearbeitungsfenster ist die Farbe immer noch grau, aber drücken Sie F12, um eine Vorschau anzuzeigen, und Sie können im Browser sehen, dass sich die Farbe der eingefügten dünnen Linie in die gewünschte Farbe geändert hat.