HTML实现角标效果：需要Css+元素标签

HTML实现角标效果：需要Css+元素标签

```html
//最外层的div控制角标的四角范围
<div style="overflow: hidden;position: relative;">
	//角标div
	<div class="supTopNum" ><b>角标上的文字</b></div>
</div>


.supTopNum {
        font-size:17px;
        color: #fff;
        height: 29px;
        width: 132px;
        position: absolute;
        right:87%;
        top: -6px;
        text-align: center;
        line-height: 37px;
        background-color: #ee7f0c;
        transform: rotate(-45deg);
    }