Triangle using CSS

by Krishna Ananthi

HTML

<div class="tri">
  
</div>

CSS

.tri{
  width: 60px;
  height:0; /* 
  background-color:red;   */
  border-top:200px solid transparent;
  border-bottom:200px solid transparent;
  border-left:200px solid blue;  
  border-right:200px solid pink;
}