Darstellung eines roten Kreuzes mit CSS

von Oliver Richter (Kommentare: 0)

Hier ein Beispiel zur Darstellung eines roten Kreuzes nur mit Hilfe von CSS:

Ein rotes Kreuz mit CSS: 

<p>Ein rotes Kreuz mit CSS: <span class="rk"></span></p>

<style type="text/css">
.rk { 
  display: inline-block; 
  position: relative;
  top: 0px; 
  left: 0px; 
  width: 10px; 
  height: 30px; 
  background: #ff0000; 
  margin: 0px 10px 0px 10px;
 } 

.rk:after { 
  display: block; 
  position: absolute; 
  top: 10px; 
  height: 10px; 
  left: -10px; 
  width: 30px; 
  background: #ff0000; 
  content: ""; 
 }
</style>

Zurück

Einen Kommentar schreiben

Bachten Sie: Für die Zuordnung Ihrer Nachricht werden die hier anzugebenden Daten Name, E-Mailadresse, Ihr Kommentar gespeichert. Sofern Sie den Wunsch der E-Mail-Benachrichtigung angegeben haben, wird aufgrund technischer Notwendigkeit auch dieser Wert gespeichert. Durch Absenden des Formulars erklären Sie sich damit einverstanden. Alternativ kontaktieren Sie mich bitte über meine E-Mailadresse oder Telefon.
Detaillierte und weitere Hinweise, insb. zum Widerrufsrecht finden Sie in der Datenschutzerklärung.

Sie befinden Sich in der Detailansicht eines Blog-Eintrags.

Um alle Blog-Einträge zu sehen, wechseln Sie bitte zur Nachrichten-Übersicht. 

Wie kann ich Ihnen helfen?

Sie erreichen mich über mein Kontaktformular.