3D-Hervorhebung für Textteile

Kein Beitragsbild

Zugegeben, so richtig gut funktioniert es nur mit kräftigen Hintergrundfarben, das sollte Sie jedoch nicht von einem Test abhalten.

Nehmen wir an, Sie möchten folgendes darstellen:

Zur Zeit befinden sich 32 Mitglieder im Chat

Wäre doch schön, die Zahl 32 – auf die es ja hier ankommt – ein wenig hervorzuheben. Das geht auf vielerlei Weise. Wir haben etwas Besonderes vor. So soll es aussehen:

Zur Zeit befinden sich 32 Mitglieder im Chat

Eine ganz andere Art der Hervorhebung, dreidimensional und noch selten verwendet.

Der Quellcode für den hervorgehobenen Abschnitt:

 <span style="padding : 2px; 
border-left
: 1px solid black; 
border-bottom : 1px solid white; 
 border-right : 1px
solid white; 
border-top : 1px solid black;">32</span> 

Weiße und schwarze Rahmen sorgen für den richtigen Eindruck. Wichtig ist das ‘padding’, der Randabstand, verzichtet man auf ihn, wirkt das Ergebnis zu beengt. Der Trick ist mit allen modernen Browser darstellbar, nicht jedoch mit Netcape 4.x.

Kennst du unser E-Book-Bundle? Spare jetzt 6,99 €!

E-Book Bundle von Andreas Hecht