给div右上角加小三角角标

给div右上角加三角角标

如图所示

代码：

  <div  class="sch_box"></div>

css

.sch_box {
    
    
  width: 12px;
  height: 12px;
  background-color: #f0142f;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg); /* Internet Explorer */
  -moz-transform: rotate(45deg); /* Firefox */
  -webkit-transform: rotate(45deg); /* Safari 和 Chrome */
  -o-transform: rotate(45deg); /* Opera */
  position: absolute;
  right: -6px;
  top: -6px;
}

外层div用

 position: relative;