如何创建灵活的圆角？

创建灵活的角落http://i44.tinypic.com/29d4ih.jpg

我想创建基于DIV的灵活角落.如图所示.这不是常规的圆角,而是更复杂的东西.这就像挑战 一样.

请注意,我想要基于图像的圆角,所以请根据要求给出答案.

非常感谢

嗯,最简单的答案是:使用CSS3:

#roundedCornerDiv {
    -moz-border-radius: 1em;     /* for mozilla-based browsers */
    -webkit-border-radius: 1em;  /* for webkit-based browsers */
    border-radius: 1em;          /* theoretically for *all* browsers
                                    dependant on implementation of CSS3 */
    border: 12px solid #ccc;
}