css - 带有背景图像的对角线 div 边框 css

Question

我试图让 2 个 div 彼此相邻，它们之间有对角线空间。我在 stackoverflow 上看过多个关于对角线 div 的教程，但它们都是通过为 div 使用 2 个纯色边框并使用它们创建的对角线来做到这一点的。但我想要图片/背景图像而不是纯色。甚至可能还有其他内容，例如对角线下方的文本。使用边框时这是不可能的，因为边框在 div 之外。（浮动隐藏溢出或内容的东西。）

这里有人可以给我一个提示如何实现这一目标吗？我的测试都以我想要的任何东西结束。像这样的东西：

如果有人能为我指出这一点，非常感谢。

Answer 1

将以下样式添加到第二张图片

<style>
    .img2{
    margin-right:-10px;
    }
    <style>