1、div里面再放一个div
<div class="title-icon-chart">
<div class="inner">
</div>
</div>
2、外层的div设置为圆形,并且设置它内部的元素垂直和水平都居中,小圆的半径设置为大圆的一半,这样比较美观,小圆的背景色跟页面背景色一致。
.title-icon-chart{
width: 16px;
height: 16px;
border-radius: 50% 50%;
background-color: #0e94ea;
margin-right: 5px;
display: flex;
justify-content: center;
align-items: center;
}
.inner{
width: 8px;
height: 8px;
border-radius: 50% 50%;
background-color: #142131;
}
效果图