Wie man Text Shadows in Chrome Do

Web-Designs können Text addieren Schatten durch Modifizierung der Website CSS-Datei.

Schatten Chrom

Web-Designer verwenden Text Schatten zum Schreiben auf einer Webseite mehr Tiefe und Struktur zu geben. Zwar gibt es viele Variationen und verschiedene Effekte Designer verwenden können, einfach eine Textschattens erfordert nur eine Zeile Code in die Website der CSS-Datei. Die wichtigsten Web-Browser alle verwenden unterschiedliche Standards, wie es macht CSS-Code für eine Website.Google Chrome Web-Browser, jedoch in der Regel entspricht, Web-Standards. Als solche, Designer müssen nur die grundlegenden "text-shadow" CSS-Code für Chrome, um es richtig zu machen sind.

Öffnen Sie Ihre Website-CSS-Dokument. Wenn Sie mit einem Content Management System wie Drupal oder WordPress sind, können Sie Ihr Thema Quellcode aus dem eingebauten Theme Editor zugreifen.

Navigieren Sie zu dem Code, der den Text, den Sie wollen, um einen Schatten haben macht. Zum Beispiel, wenn Sie möchten, dass Ihre Überschrift, um Schatten, die Suche nach dem "Header"-Code.

Typ "text-shadow: Tpx Rpx bpx Lpx # 000;" (ohne Anführungszeichen) in den Klammern, die den Text zu machen.

Ersetzen Sie "T" mit der Pixelgröße Sie wollen für die obere Schatten, "R" mit der rechten Pixelgröße, "B" mit dem Boden Pixelgröße und "L" mit der linken Pixelgröße, und ersetzen Sie # 000 mit dem Farbcode für den Schatten. Zum Beispiel, wenn Sie Ihren Text, um ein Drei-Pixel grauer Schatten haben wollen, sollten Sie den Code wie folgt aussehen: "header {text-shadow: 3px 3px 3px 3px # ccc;}.".

Wiederholen Sie die Schritte 3 und 4 für jeden Text, in dem Sie einen Text Schatten haben wollen.

Laden Sie die neue CSS zu Ihrer Website einreichen. Wenn Sie das Thema Editor in Ihr Content Management System, klicken Sie einfach auf die Schaltfläche "Speichern".

Tipps und Warnungen

Achten Sie darauf, alle wichtigen CSS-Informationen, wie z. B. die Schriftgröße oder Farbe zu löschen. Geben Sie den "text-shadow"-Code nach dem letzten Semikolon in diesem Abschnitt. Zum Beispiel könnte der ursprüngliche Code für Ihr Website-Header zu lesen "header {color: # 000; font-size: 2em;}.". Um einen Text Schatten hinzuzufügen, fügen Sie den Code nach dem "2em;" Abschnitt: "header {color: # 000; font-size: 2em; text-shadow: 3px 3px 3px 3px # ccc;}.".

Erstellen Sie eine Sicherungskopie Ihrer ursprünglichen CSS-Datei, bevor Sie Änderungen vornehmen.