给div右上角加小三角角标

L221545

已于 2023-07-31 09:33:41 修改

阅读量453

点赞数

分类专栏： css 文章标签： css

于 2023-07-31 09:31:11 首次发布

本文链接：https://blog.csdn.net/L221545/article/details/132015791

版权

css 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

给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;
}