Rounded Borders

http://www.curvycorners.net/

Només cal utilitzar les llibreries que utilitzen.
La capa que es vol arrodonir ha de ser d'una classe determinada i per javascript s'arrodoneix.


també hi ha, entre d'altres:

http://www.malsup.com/jquery/corner/



Després de barallar-s'hi una mica aquest codi funciona bé en Firefox i en IE...

<script type="text/javascript" src="../js/jquery-1.2.1.js"></script>
<script type="text/javascript" src="../js/jquery.corner.js"></script>
<script type="text/JavaScript">
$(document).ready(function(){
if (document.all){
$("div.capa").css('margin', '4px').corner("round 8px").parent().css('padding-top', '4px').corner("round 10px");
}else{
$("div.capa").css('padding-top', '4px').css('padding-bottom', '4px').corner("round 8px").parent().css('padding', '4px').corner("round 10px");
}
});
</script>

<style>
.marcCapa{
background-color:#9411D2; /* Color del borde*/
}
.capa{
background-color:#fff; /* Color de fons del marc.*/
}
body {
background:black;
}
</style>

.....
.....
<div class="marcCapa">
<div class="capa">
<div id="contingut">
<p>
Prova de capa amb bordes de color.
</p>
</div>
</div>
</div>