Darstellung eines roten Kreuzes mit CSS

von Oliver Richter

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>

Kommentare

Einen Kommentar schreiben

Bitte rechnen Sie 8 plus 2.

Sie befinden Sich in der Detailansicht eines Blog-Eintrags.

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