Собственно сабж?
Мой вариант
css:
.corners { position: relative; overflow: hidden; }
.corners em.tl, .corners em.tr, .corners em.bl, .corners em.br
{
position: absolute;
font-size: 1px;
}
.corners-2 em.tl, .corners-2 em.tr, .corners-2 em.bl, .corners-2 em.br
{
width: 4px;
height: 4px;
background-image: url(../i/corners/corners-2.png);
}
.corners-2 em.tl
{
left: -2px;
top: -2px;
}
.corners-2 em.tr
{
right: -2px;
top: -2px;
}
.corners-2 em.bl
{
left: -2px;
bottom: -2px;
}
.corners-2 em.br
{
right: -2px;
bottom: -2px;
}
html:
<div class="corners corners-10">
<div class="box">
Тут у нас текст, или еще что ;)
</div>
</div>
[+]Читаемый код(быстрое назначение, нет лишних тэгов)
[+]Кроссбраузерность, при включение iepngfix.
[+]Нет эффекта, когда углы появляются поочередно.
[-]Не делается закругленный бокс в закругленном боксе.
[-]Для каждого радиуса рисуем новую пнгшку.
