如何用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>