右上角三角形角标的实现

1.最大父级设置定位：position: relative

2.角标的实现，实际上就是一个三角形

css: 

    width: 0px;

    height: 0px;

    border-left: 50px solid transparent;  

    border-bottom: 50px solid transparent;

    border-top: 49px solid green;

     position: absolute;

    right: 0px;

3.字体

css

width: 100px;

    transform: rotate(45deg);

    position: absolute;

    right: -56px; 

    top: 34px;

    font-size: 12px;

    color: #fff;

定位根据实际