在边框上创建CSS箭头

我试图修改下面的代码，使小箭头位于框的右侧，但当我尝试使箭头变小并将位置更改为相对时，它会失去形状。有什么想法吗

.title-box:after {
    content:"";
    border-color: transparent transparent transparent #00f;
    border-style:solid;
    border-width:5px;
    width:0;
    height:0;
    bottom:-20px;
    left:138px;
    }

试试这个-

#mybox:after{
内容：“；
边框颜色：透明#ff0；
边框样式：实心；
边框宽度：15px；
宽度：0；
身高：0；
位置：绝对位置；
顶部：35px；
右：-30px；
}