barrierefreies Webdesign Ingo Turski

zum Inhalt

Ingo

Tips und Tricks:Im Netz gefundenes Beispiel für die Möglichkeiten von CSS

In einem Forum bin ich auf den folgenden Quelltext gestoßen, der m.E. sehr schön die Fähigkeiten von CSS, aber auch die unterschiedliche Umsetzung in verschiedenen Browsern (hier der Farben, die mir im Opera am besten gefallen), demonstriert:


<head>
  <style type="text/css">
    div.target {float:left; border:50px ridge blue;}
    div.target div {border:50px ridge green;}
    div.target div div {border:50px ridge yellow;}
    div.target div div div {width:0px; height:0px; border:50px ridge red;}
  </style>
</head>
<body>
  <div class="target">
    <div>
      <div>
        <div></div>
      </div>
    </div>
  </div>
</body>