Как сверстать этот блок?

Question

[Odyvanchik]

Comments

[Леонид Князев]

Предлагаю при помощи html-разметки, css-стилей и одной картинки.

Answer 1

[Алексей Юдов]

<div class="container">
	
<div class="black-block">
	
	<div class="white-block">
		
	</div>

</div>
</div>

.black-block{
	background-color: rgba(0,0,0,.95);
	width: 180px;
	height: 300px;
	position: relative; /* ВАЖНО */
	display: block; 
}

.white-block{
	background-color: rgba(255, 255, 255, .95);
	width: 180px;
	height: 180px;
	position: absolute;
bottom: 0;
	right: 0;
	border-top-left-radius: 15px;
border-top-right-radius: 15px;
}

Comments

[Odyvanchik]

Спасибо!