[an error occurred while processing this directive]

Programme von Machern für Macher

Die Grammiweb-Produktreihe hält viele praktische Tools für Webdesigner bereit

Hier klicken und mehr erfahren

Neu: Inspirationen für Webdesigner

Entdecken Sie die schönsten Seiten im Netz

Hier klicken und mehr erfahren

[an error occurred while processing this directive]

(Stand: 28.11.21, Adresse: http://www.grammiweb.de/html/html011.shtml)

 

Textmarker-Effekt mit CSS

Um wichtige Stellen in Texten hervorzuheben, wünscht man sich häufig einen Textmarker. Hierbei kommt es aber schnell zu Problemen, dann nämlich, wenn die Kollegen sich über den beschmierten Bildschirm ärgern oder wenn Besucher den Text nicht auf Ihrem Bildschirm sehen können.

Dank CSS können Sie derlei Hindernisse überwinden. Binden Sie den Text in die "span"-Formatierung ein, definieren Sie die Hintergrundfarbe, und schon kann jeder CSS-fähige Browser die Hervorhebung darstellen.

Beispiel:

Dieser Text wurde hervorgehoben

Ergänzen Sie einfach die <p>-Anweisung zur Anzeige des Textes um folgenden Code:

<span style="background:yellowgreen">Text</span>

Die Farbe der Hervorhebung können Sie wie gewohnt als Namen ("yellow"), als hexadezimalen Farbcode ("#9ACD32") oder in RGB-Werten ("154,205,50") angeben. Sehen Sie hierzu auch unsere Aufstellung der websicheren Farben.


Zurück zum Inhaltsverzeichnis

[an error occurred while processing this directive] [an error occurred while processing this directive]

© Grammiweb.de Internetlösungen. Alle Rechte vorbehalten. Stand: 28.11.2021
Seitenanfang - Sponsor werden - Datenschutz - Medien - Impressum - Werbung - Hilfe - Kontakt