Question

div 背景设置颜色三角形

这种三角背景css如何实现？

Answer 1

.box{
	margin:10px;
	width:300px;
	height:400px;
	padding:0;
	border:1px solid #2ABA8E;
}

.corner{
	margin-left:200px;
	width: 0;
	height: 0;
	border-top: 100px solid #2ABA8E;
	border-left: 100px solid transparent; 
}

<div class="box">
	<div class="corner">
	
	</div>
</div>

啦啦啦