如何用css创建角形边缘形状？

Question

我希望创建一个像矩形的形状，但编辑了一个角，我希望创建一个类似下面的网站，我将如何创建显示的形状？  

这是一个更简单的图像

如何在CSS中创建上述图像？

Answer 1

只是进行了简单的搜索：

http://codepen.io/pouretrebelle/pen/pbwIj

我认为这就是你需要的东西？

Answer 2

刚刚发现，这是怎么做的;

CSS;

.box {
background: #333;
/*fallback*/
background: linear-gradient(135deg, transparent 20px, #333 20px);
background-repeat: no-repeat;
height: 300px;
width: 700px;
}

p {
margin: 0 0 20px 0;
}
p:last-child {
margin: 0;
}

然后将其添加到html;

<div class="box">

</div>