HTML Style: Text-Umrandung erstellen
Wie kann man eine Textumrandung um einen Text in HTML mit
CSS Style machen?
Ich möchte die Umrandung direkt um den Text herum. Die
Style Einstellung border führt leider zu einem Rahmen.
Lösung: Einstellen des style Atrributs: text-shadow
|
<span style="color:rgba(255, 255, 255, 1) ; text-shadow: 0px 0px 2px rgba(0, 0, 0, 1)">
text-shadow
</span>
|
Mit sytle.Textshadow stellt man einen Schatten rund um das
HTML Element ein.
Folgende Einstellungen kann man vornehmen:
|
style=" text-shadow: Rechts Unten Streuung Farbe"
|
1. Parameter: nach rechts
2. Parameter: nach unten
3. Parameter: Streuung
4. Parameter: Farbe
|
style="color:rgba(255, 0, 0, 1) ;text-shadow: 0px 0px 2px rgba(0, 0, 0, 1)"
|
|
style="color:rgba(255, 255, 255, 1) ;text-shadow: 0px 0px 2px rgba(0, 0, 0, 1)"
|
|
<span style="color:rgba(255, 255, 255, 0) ;text-shadow: 0px 0px 2px rgba(0, 0, 0, 1)">
text-shadow
</span>
|
Nach rechts verschieben
|
style="color:rgba(255, 255, 255, 1) ;text-shadow: 10px 0px 2px rgba(0, 0, 0, 1)"
|
|
style="color:rgba(255, 0, 0, 0) ;text-shadow: 0px 0px 2px rgba(0, 0, 0, 1)"
|
|
style="color:rgba(255, 255, 255, 0) ;text-shadow: 0px 0px 2px rgba(0, 0, 0, 1)"
|