JSFiddle - React, Tailwind, and code Playground

HTML

<div class="caret"></div>
<p>
border-color:red green transparent transparent transparent;
<br/>
 border-style:solid solid dashed dashed;

 
</p>

CSS

.caret{
  height:0;/*将宽高都设置为0*/
  width:0;
  border:100px solid #000;
  border-color:red green transparent transparent;
  border-style:solid solid dashed dashed;
}
p{color:red;}

p{color:red;}