Css 将箭头指向D或th的左侧

我试图获取数据并将其放入表中。在

之间是用户名，其余的行用于其他数据。我想要实现的是让一个指向左边的箭头，指向相应用户的图片

下面是一个示例屏幕截图：

我想要一个点，看起来像这样，在红色框中突出显示：

我正在为CSS使用引导。 下面是我试图配置的代码部分：

echo "<div class='row'>";
   echo "<div class='col-md-1'><img src='images/propic/$fimg' class='img-circle' width='50' height='50'></div>";
   echo "<div class='col-md-11'>";
     echo "<table class='table table-bordered table-striped'><thead class='right'><th class='right'>".$fname."</th></thead>";
     echo "<tr><td>".$ftaskdesc."</td></tr></table>";
   echo "</div>";
echo "</div>";

echo”“；
回声“；
回声“；
回显“$fname.”；
回声“$FTASKSDESC.”；
回声“；
回声“；

您可以执行以下操作：

.arrow_box {
    position: relative;
    background: #88b7d5;
    border: 4px solid #c2e1f5;
}
.arrow_box:after, .arrow_box:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(136, 183, 213, 0);
    border-right-color: #88b7d5;
    border-width: 30px;
    margin-top: -30px;
}
.arrow_box:before {
    border-color: rgba(194, 225, 245, 0);
    border-right-color: #c2e1f5;
    border-width: 36px;
    margin-top: -36px;
}

看看这个