我想水平显示3个圆圈,它们之间应该是虚线,并且比所有圆圈之间的符号更粗 当使用媒体查询某些限制时,它的显示是垂直的圆圈和那条中间线。
<div class="cir_content">
<div class="shape_circle">Track
</div>
</div>
.shape_circle{
width:170px;
height:170px;
border-radius:250px;
background:#e3d356;
margin: 0 auto;
}
.cir_container{
width:100%;
display:block;
margin:0 auto;
padding: 2% 0px;
}
.cir_content{
display:inline-block;
width:32%;
text-align:center;
vertical-align:middle;
}
.cir_cont{
display:block;
width:1200px;
}
怎么做?