runde ecken mit css, mit oder ohne gif

[Rudi Ratgeber]

interessanter Link von dave.

Ich habe da noch einen Codeschnippsel für abgerundete Ecken mit Hilfe von border:

/* 2012-05-14 runde Ecken */  
div.rd div {height:1px; overflow:hidden; border-color:#00a}  
div.r1 {margin-left:5px;margin-right:5px;border-bottom:1px solid}  
div.r2 {margin-left:3px;margin-right:3px;border-left:2px solid;border-right:2px solid}  
div.r3 {margin-left:2px;margin-right:2px;border-left:1px solid;border-right:1px solid}  
div.r4 {margin-left:1px;margin-right:1px;border-left:1px solid;border-right:1px solid}  
div.r5 {margin-left:1px;margin-right:1px;border-left:1px solid;border-right:1px solid}  
div.r6 {margin-left:5px;margin-right:5px;border-top:1px solid}  
div.blr {border-left:1px solid #00a;border-right:1px solid #00a;padding-left:5px;padding-right:5px}  

Anwendung:

<div class=rd><div class=r1></div><div class=r2></div><div class=r3></div><div class=r4></div><div class=r5></div></div><div class=blr>  
<p>Hier Text in abgerundeten Ecken</p>  
<div style="height:1pt"></div></div><div class=rd><div class=r5></div><div class=r4></div><div class=r3></div><div class=r2></div><div class=r6></div></div>  

Rudi R.