如何在 html5 和 css3 中制作这个形状？ [关闭]

【问题标题】：How can I make this shape in html5 and css3? [closed]如何在 html5 和 css3 中制作这个形状？ [关闭]
【发布时间】：2016-01-14 00:47:28
【问题描述】：

如何在 html5 和 css3 中制作这种形状？

【问题讨论】：

你所拥有的将有两个元素。较小的 DIV 覆盖较大的 DIV 或另一个 DIV 内的一个 DIV。真的取决于您如何处理每个要求。
但是我需要在变形的 div 中添加一个文本，有什么 css 规则可以做到吗？

标签： html css css-shapes

【解决方案1】：

#big {
        position: relative;
        background: black;
        width: 600px;
        height: 600px;        
    }
    #in {
        position: absolute;
        background: black;
        width: 280px;
        height: 280px;
        bottom:0;
        right: 0;
        border-top: 20px solid white;
    border-left: 20px solid white;
    }

<div id="big">
    <div id="in"></div>
</div>

【讨论】：