.triangle{
width: 0px;
height: 0px;
*width: 1.6rem;
*height: 1.6rem;
font-size: 0;
line-height: 0;
overflow: hidden;
border-width: 1rem;
border-style: solid dashed dashed dashed; // 上右下左四个方向的小三角样式
border-color: #000 transparent transparent transparent; // 上右下左四个方向的小三角颜色
opacity: 0.7;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
<div style="position:relative">
<div class="triangle"></div>
</div>
效果: