Verschiedenartige Textunterstreichung

Scripting-Tipps - CSS


Mit CSS ist es ganz einfach möglich, Ihre Texte etwas peppiger zu unterstreichen, als mit einer schwarzen Linie.

Beispiel:

<p>Dieser Text ist <span style="border-bottom:1px dashed #ff0000;">dünn, rot  und gestrichelt unterstrichen</span></p>
<p>Dieser Text ist <span style="border-bottom:1px dotted #ff0000;">dünn, rot und gepunktet unterstrichen</span></p>
<p>Dieser Text ist <span style="border-bottom:3px solid #ff0000;">dick und rot unterstrichen</span></p>


Erklärung:
Mit diesem span style können Sie ganz einfach verschiedenartige Unterstreichungen für Ihren Text wählen. Farbe und Dicke des Rahmens sind dabei im Prinzip frei wählbar. Als Rahmentyp können dabei folgende Attribute gewählt werden:

CSS-Eigenschaft
 Erklärung
dotted gepunktet
dashed gestrichelt
solid durchgezogene Linie
double doppelte Linie
groove 3D-Linie
ridge 3D-Linie
inset 3D-Linie
outsed 3D-Linie















Weitere Artikel: