Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
</head>
<body>
​
  
  <p>Ich bin ein p-Element</p>
  
  <div style='width:300px;height:300px;'>
    <div class='odd'>
      <div class='even'>
        <div class='odd'>
          <div class='even'>
            Rechts in CSS den
            .odd
            und
            .even
            Elementen alternierenden
            Rändern verpassen!
            Syntax:
            <br>
            <b>border: 1px solid/dashed/dotted FARBE;</b>
          </div>
        </div>
      </div>
    </div>
  </div>
      
  <p>
    Jetzt allen li-Elementen
    mit dem Namen 'alert'
    eine Hintegrundsfarbe geben
    (<b>background:farbe;</b>)
  </p>
  
  <ul>
    <li>Ich bin kein wichtiger Hinweis...</li>
    <li name='alert'>Globale Erwärmung ist echt!</li>
    <li>Vergiss nicht, den Herd auszuschalten!</li>
    <li>Check deine Mails!</li>
    <li name='alert'>Ich bin ein wichtiger Punkt!</li>
  </ul>
  
  Versuche auch die Fontfarbe zu ändern (<b>color</b>).
  Probiere <i>rgb( , , )</i> bzw. <i>rgba( , , , )</i>
  statt Farbennamen.
  
  
  
  
  
  
  
</body>
</html>
 
div {
  padding: 2pt;  
  box-sizing: border-box;
}
​
div.odd {
  width: 100%;
  height: 100%;
  border:
}
div.even {
  width: 100%;
  height: 100%;
  border:
}
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers