使用伪元素 实现盒子边框

想要实现 盒子后带一条线 又不想过长 跟盒子长度一样 于是可使用伪元素进行设置

div:after {
    content: '';
    position: absolute;
    left: auto;
    top: auto;
    bottom: 28px; //上下位置调整
    right: 0;
    height: 42%;
    width: 2px;
    background-color: #5D92FF;
}

但是要注意 父级div要设置position: relative;