вот что-то похожее, урок от Дэна Седерхольма.
XHTML:
CSS:
Код:
.container {
****float: left;
****color: #666;
****background: url(images/rounded-right.gif) no-repeat top right;
}
.desc {
****margin: 0;
****padding: 9px 9px 0 9px;
****background: url(images/rounded-left.gif) no-repeat top left;
}
.link {
****margin: 0;
****padding: 0 0 0 9px;
****background: url(images/rounded-left.gif) no-repeat bottom left;****
}
.link em {
****display: block;
****padding: 0 9px 9px 0;
****font-style: normal;
****background: url(images/rounded-right.gif) no-repeat bottom right;****
}
.container a {
****font-size: 130%;
****color: #E70;
}
IMAGES:
[attachment=5564:attachment]
[attachment=5565:attachment]
Но такой способ подходит не всегда, я обычно чтобы сделать скругленные углы при резиновости блока по всем осям, в этот блок вкладываю маленькие изображения уголков которые абсолютным позиционированием расставляю по углам, не забыв при этом указать для самого блока position: relative;
удачи...