如何在CSS中切断，如附图所示？

Question

如何在CSS3的帮助下制作这种风格？我知道如何做圆角，但我需要设计一个小截断，如附图所示。我该怎么做？

Answer 1

如果我没有误解......这只是一个简单的例子。

示例：http://jsfiddle.net/JJ8ZB/7/

.cnt{ 
    background-image: url('myimage');
    background-repeat:none;
    background-color:#xxxxxx;
}

.ff, .ss{
    border-radius:x px;

}
.ff{
    border-bottom-right-radius: 0px;
}
.ss{
    border-top-right-radius: 0px;
    height:x px;
}​

<div class="cnt">
    <div class="ff">Latest news....</div>
    <div class="ss">Click here...</div>
</div>