偽類實現特殊圖形，一個span加三角形

題目如圖：

實現思路：

偽類+三邊透明的三角形實現

 

代碼：

<span class="wei">wei</span>

.wei{
    display: inline-block;
    width: 100px;
    height: 100px;
    background: gray;
    position: relative;
}
.wei:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 100%;
    border: 50px solid transparent;
    border-left-color: gray;
}