## 带角标的图形实现 >效果如图  >html代码 ``` <div class="box"></div> ``` >css代码 ``` .box { width: 100px; height: 100px; background: skyblue; position: relative; } .box::after { position: absolute; content: ""; border: 10px solid transparent; border-left-color: skyblue; right: -19px; top: 13px; } ```