如何使html div块看起来像cut？内例

我必须用块制作一个页面，看起来像这样：

---

如何转换这些div块？块中的文本或其他内容应该是正常的，而不是像背景一样变换。

您可以使用伪元素，绝对位置，然后使用属性旋转DIV。我已经用一个示例更新了您在注释中链接到的JSFIDLE：

div:after{
内容：''；
位置：绝对位置；
底部：15px；
左：-25px；
高度：100px；
宽度：110%；
背景颜色：黄色；
变换：旋转（-5度）；
}

您可以使用CSS3转换，为了防止内容看起来被转换，您可以将其转换为与其父内容相反的内容

例如：

.outer{
    transform: skew(0deg, -5deg) ;
}
.inner{
    transform: skew(0deg, 5deg) ;
}

这里有一个例子来证明这一点

嗯,，

---

-Ted

有了CSS，也许你可以。。。。。你们试过什么？我试过，但一个接一个的背景覆盖在下一个背景上。也许试着看看这里：-）