圆环形
<style>
.wh{
width: 84px;
border: 2px solid red;
border-radius: 50%;
height: 84px;
display: flex;
justify-content: center;
align-items: center;
}
.nh{
width:80px;
border: 1px solid blue;
border-radius: 50%;
height: 80px;
justify-content: center;
align-items: center;
text-align: center;
line-height: 80px;
font-size: 12px;
color: #585858;
}
</style>
<div class="wh">
<div class="nh">行业资讯</div>
</div>
三角形:
.sjx{
position: absolute;
left: 183px;
top: 0;
width: 0;
height: 0;
border-bottom:28px solid #eaeef1;
border-left: 21px solid transparent;
}