Как создать угловую обрезную форму с помощью 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>