CSS——如何写一个三角形

有的时候会遇到需要些下图中右上角这种折角的样式，以下记录以下如何用css实现

.test{
    width: 30px;
    height: 30px;
    border-width: 15px;
    border-style: solid;
    border-color: white white #1bc6cc #1eccd3;
}