如何在CSS中制作截图,如所附图片所示?

如何在CSS中制作截图,如所附图片所示?,css,Css,如何在CSS3的帮助下制作这种样式?我知道如何做圆角,但我需要设计一个小切断显示在附加的图像在这里太多。我怎么做这个 如果我没有误解。。。这只是一个简单的例子 例如: .cnt{ 背景图片:url('myimage'); 背景重复:无; 背景色:#xxxxxx; } .ff、.ss{ 边界半径:x px; } .ff{ 边框右下半径:0px; } .ss{ 边框右上角半径:0px; 高度:x像素; }​ 最新消息。。。。 点击这里。。。 试试这个。。。记住,这只是一个例子:) .cnt{

如何在CSS3的帮助下制作这种样式?我知道如何做圆角,但我需要设计一个小切断显示在附加的图像在这里太多。我怎么做这个


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

例如:

.cnt{
背景图片:url('myimage');
背景重复:无;
背景色:#xxxxxx;
}
.ff、.ss{
边界半径:x px;
}
.ff{
边框右下半径:0px;
}
.ss{
边框右上角半径:0px;
高度:x像素;
}​
最新消息。。。。
点击这里。。。

试试这个。。。记住,这只是一个例子:)
.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>