Rahmen um Text mit CSS

Zur Navigation springen Zur Suche springen

Mittels CSS kann man Text mit einem Schatten versehen

text-shadow: 1px 1px 5px #0d1207;
LilyPond WIKI

Das wirkt schon recht gut, allerdings ist die Lesbarkeit nicht optimal.

Mit einem zweiten Rahmen kann man den Effekt deutlich verbessern

text-shadow: 0 0 4px #fff, 1px 1px 5px #0d1207;
LilyPond WIKI

Subtil, aber wirksam.

Es ist sogar möglich, mit CSS-Stilmitteln einen Rahmen um den Text zu zeichnen.

text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff, 1px 1px 5px #0d1207;
LilyPond WIKI
Es bleibt Geschmackssache, was davon am besten gefällt.