css实现指定角度三角型

适用场景：聊天气泡，一个矩形下边会有一个带角度的小三角

主要属性：border

实现原理：将该三角形补全成一个矩形，如图，三角形两侧的边框宽度是固定的，只需要从设计稿中量出包围该角度的三边的宽度，即可实现任意角度

#pop{  
  width:0px;
  height:0px;
  border-top:230px solid red;
  border-bottom:30px solid yellow;
  border-left:50px solid green;
  border-right:100px solid black;
  position:relative;
}`