Textmarker-Effekte [IE|M|O|G]

von: Werner Zenk

Sie kennen die Textmarker-Eigenschaften sicher aus Ihrer Textverarbeitung. Mit CSS sind derartige Effekte auch in HTML-Dokumenten möglich.

Ein Beispieltext mit gelber Markierung.

<span style="background-color: yellow">
Ein Beispieltext mit gelber Markierung.
</span>

Ein Beispieltext mit grüner Markierung.

<span style="background-color: #00FF00">
Ein Beispieltext mit grüner Markierung.
</span>

Ein weißer Text mit roter Markierung.

<span style="background-color: red; color: white">
Ein weißer Text mit roter Markierung.
</span>

Ein weißer Text mit blauer Markierung und Leerzeichen.

<span style="background-color: royalblue; color: white">
   &nbsp; &nbsp; &nbsp; 
    Ein weißer Text mit blauer Markierung und Leerzeichen.
   &nbsp; &nbsp; &nbsp; 
   </span>

Ein weißer Text mit rosa Markierung.

<span style="background-color: #FF80C0;
 color: #FFFFFF; padding-left: 25px; padding-right: 25px;">
Ein weißer Text mit rosa Markierung.
</span>

Ein Beispieltext mit einer streifen Markierung.

<span style="background-image: url(marker.gif); color: #800040">
<b>Ein Beispieltext mit einer streifen Markierung.</b>
</span>

Hintergrundbild:

„marker.gif” (Orginalgröße 1x2 Pixel)

Ein großer Buchstabe.

<span style="background-image: url(marker.gif);
color: #008000; font-size: 30px; font-weight: bold;">
E</span>in großer Buchstabe.

Und Ihre Meinung? Sie vermissen auf dieser Seite wichtige Informationen oder haben Hinweise für uns?

Gerald: hmmm ... das ist sowas von neu .... Werner: Zugegeben, dieser Tipp ist schon ziemlich alt es gibt aber Besucher die diesen Textmarker-Tipp noch nicht kennen! Susi: Bist du dir da sicher, Werner? Heut zu Tage kennt das jeder. Und wenn nicht, haben sie einfach keinen Computer. chaoslady: Es gibt aber auch Anfänger wie mich.... da ist dann vieles NEU und dieser Tipp war für mich hilfreich. Danke
Hilfe finden Sie im » netzgemein.de - Forum. Auch als „Gast” können Sie dort Fragen stellen!

Das könnte Sie interessieren:

CSS Befehle: Tabellen

Zeilen-Zwischenraum in HTML-Tags veringern

Texteingabe nur in Großbuchstaben zulassen

CSS Hyperlink #9

CSS Hyperlink #29

Eingabefeld mit bunten Rahmen

CSS Hyperlink #24

Element genau in der Mitte des Browserfensters zentrieren - Manchmal steht man vor der Aufgabe ein Bild genau in der Mitte zu zentrieren. Egal wie groß das Browserfenster auch ist, das Bild soll horizontal wie vertikal zentriert sein.

Abstand von Text (oder Bilder) nebeneinander verändern

Seitenrand der Webseite ändern

Linkrahmen von allen Bildern entfernen - Beim Verlinken von Bildern entstehen um die Bilder (hässliche) Rahmen. Mit dieser Anweisung können Sie diese Linkrahmen Dateiweit entfernen.

Auswahllisten formatieren

CSS Bausteine 1

Übergangsfilter

Horizontale Linie mit CSS einfärben

Scrollbar mit Farbe …mehr