css样式作右下角勾号

### 使用 CSS 创建右下角的勾号图标

为了创建一个位于方框右下角的小勾号图标，可以采用纯 CSS 的方法来构建这个效果。下面是一个具体的实现方案：

#### HTML 结构

<div class="box">
    <div class="tick_icon"></div>
</div>

#### CSS 样式定义

.box {
    position: relative;
    width: 100px;
    height: 100px;
    background-color: lightblue;
}

.tick_icon {
    position: absolute;
    bottom: -8px; /* 调整位置 */
    right: -8px;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-right: 15px solid green;
    border-bottom: 15px solid green;
    border-left: 15px solid transparent;
    transform: rotate(45deg);
}

此代码片段通过设置 `position:absolute` 将 `.tick_icon` 定位到父容器 `.box` 的右下角，并利用边框技巧绘制了一个倾斜的角度形成勾号形状[^1]。