Kann CSS Rahmen zu Text wie dem Twitter-Logo hinzufügen?

CSS-Schriftrahmen: Jetzt Realität?

Im Bereich von CSS3 haben Ränder eine ganz neue Dimension angenommen. Mit dem Aufkommen von -webkit-Präfixen stellt sich die Frage: Können wir jetzt Rahmen zu Schriftarten hinzufügen?

Die Frage:

Kann CSS/XHTML verwendet werden, um einen hinzuzufügen Rand um den Text, ähnlich dem weißen Rand auf dem Twitter-Logo? Wenn nicht, gibt es brauchbare Hacks, um diesen Effekt zu erzielen, ohne auf Photoshop zurückgreifen zu müssen?

Die Antwort:

Tatsächlich bietet CSS eine experimentelle Eigenschaft namens Text-Stroke, Wird in bestimmten Browsern durch das Präfix -webkit unterstützt.

Code Beispiel:

Der folgende Codeausschnitt demonstriert die Verwendung von Text-Stroke:

h1 {
    -webkit-text-stroke: 2px black;  /* width and color */

    font-family: sans; color: yellow;
}

<h1>Hello World</h1>

Das obige ist der detaillierte Inhalt vonKann CSS Rahmen zu Text wie dem Twitter-Logo hinzufügen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!