Cascading Style Sheets - Beispiel-Quelltext



/* Formatvorlage */

H1 {
  position:absolute;
  top:10px;
  left:140px;
  background-color:#ff00ff;
  border:solid thick #000066;
  color:#00ffff;
  font-size:18pt;
  padding:4pt;
}

DIV.box1 {
  position:absolute;
  top:100px;
  left:25px;
  width:200px;
  background-color:#eeeeff;
  border:solid thin blue;
  alignment:justify;
  font-size:10pt;
  padding:4pt;
}

DIV.box2 {
  position:absolute;
  top:200px;
  left:200px;
  width:200px;
  background-color:#ffeeee;
  border:solid thin blue;
  font-size:10pt;
  alignment:justify;
  padding:4pt;
}

DIV.box3 {
  position:absolute;
  top:70px;
  left:300px;
  width:180px;
  height:180px;
  background-color:#ffeeff;
  border:solid thin green;
  alignment:center;
  vertical-alignment:middle;
  padding:4pt;
}

DIV.box4 {
  position:absolute;
  top:300px;
  left:30px;
  width:90px;
  background-color:#eeeeee;
  border:solid thin green;
  alignment:center;
  vertical-alignment:middle;
  padding:4pt;
}