Horizontal Rules (hr)
Code
Der letzte Trenner wird im IE nicht korrekt dargestellt, da sollte man dann auf ein DIV ausweichen ...
Ein Regenbogen aus HRs ...
/* formatierte HRs */
hr {
height: 1px;
border: 0 none;
border-top: 1px solid #be882e;
margin: 0 0 10px 0;
padding: 0;
}
hr.aa {
height: 1px;
border: 0 none;
border-top: 1px dashed #be882e;
}
hr.bb {
height: 3px;
border: 0 none;
border-top: 3px double #be882e;
}
hr.cc {
height: 6px;
border: 2px solid #be882e;
}
hr.dd {
height: 8px;
border: 3px inset #78561d;
}
hr.ee {
background-image: url(../images/divider4.gif);
width: 267px;
height: 18px;
border: 0 none;
margin: 0 auto;
text-align: center;/*IE*/
}
hr.ff,
hr.gg,
hr.hh,
hr.ii,
hr.jj,
hr.kk {
margin: 0;
height: 4px;
line-height: 1px;
font-size: 1px;
border: 0 none;
}
hr.ff {
background:violet;
color: violet;
}
hr.gg {
background:red;
color: red;
}
hr.hh {
background:orange;
color: orange;
}
hr.ii {
background:yellow;
color: yellow;
}
hr.jj {
background:green;
color: green;
}
hr.kk {
background:blue;
color: blue;
}
* html hr.ff,
* html hr.gg,
* html hr.hh,
* html hr.ii,
* html hr.jj,
* html hr.kk {
display: block;
margin-top: -14px;
}