css - 如附图所示，如何在 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>