startseitekatalogpraxiswerkzeugeressourcenmagazingrammiweb

(Stand: 19.04.24, 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:

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]