Wie Hinzufügen Drop und Text Shadows in Dreamweaver

Sie können Ihre Entwürfe in Dreamweaver und geben Sie Ihre Seiten größere Tiefe durch das Hinzufügen von Schlagschatten, um Bilder, Tags und anderen Elementen zu verbessern. Textschatten Hinzufügen macht Ihre Wörter leichter zu lesen, vor allem, wenn Sie Ihr Design einen komplexen Hintergrund hat oder die Vorder- und Hintergrundfarben fehlen Kontrast.

Dreamweaver CC bietet eine bessere Unterstützung und Integration von CSS3 Schlagschatten und Text Schatten von der neuen CSS-Designer-Panel.

Sie können Klasse oder ID Stile mit Text Schatten erstellen, und Sie können durch die Definition eines Tag-Stil, wie die Überschrift 1 gesehen hier Text Schatten auf bestehende HTML-Elemente hinzufügen. Der CSS3-Code, der erzeugt, dass der Text Schatten

h1 {text-shadow: 2px 2px 2px # 000-}

Die Zahlen im Code angeben, dass der Text Schatten 2 Pixel nach rechts und 2 Pixel unter dem Text mit einem 2-Pixel-Unschärfe erstrecken sollte. Darüber hinaus wird der Schatten mit der Farbe Schwarz, angegeben durch die abgekürzte hexadezimalen Farbcode erstellt # 000.

Wenn Regeln für Textschatten erstellen, können Sie bis zu vier Werte angeben:

  • horizontal und vertikal: Die ersten beiden Zahlenwerte sind erforderlich, und die horizontalen und vertikalen Versatz angeben - den Abstand der Schlagschatten unter dem Text erstreckt (vertikal) Und auf der rechten Seite des Textes (horizontal).

  • Verwischradius: Der dritte Wert gibt die Menge der Unschärfe in den Schatten. Wenn Sie nicht enthalten Verwischradius, Der Standardwert ist 0, was der Schatten erscheinen als feste Farbe macht.

  • Farbe: Der vierte Wert die Farbe des Schattens gibt und kann mit einem hexadezimalen Farbcode oder einen RGBA-Farbcode definiert werden.

Die Wahl einer RGBa Farbe für die Farbe Option gibt Ihnen mehr Kontrolle über das Aussehen der Schatten, weil Sie Transparenz hinzufügen.

Sie können einen Textschatten mit dem Eigenschaftenfenster am unteren Rand des CSS-Designer Panel hinzufügen. Gehen Sie dabei folgendermaßen vor:

  1. Blättern Sie nach unten, um den Text-Schatten-Abschnitt des CSS-Designer Eigenschaftenfenster.

  2. Geben Sie die Größe des Schattens Sie möchten, mit der H-Schatten (horizontal) und V-Schatten (vertikal) Felder angezeigt werden soll.

  3. Fügen Sie die Menge der Unschärfe Sie für Ihren Text Schatten wollen, indem eine Größe im Blur Feld eingeben.

  4. Klicken Sie auf die Farbfeld und wählen Sie die Farbe Ihres im Text Schatten verwenden möchten.

    image1.jpg

Menü