/* ------  一个100*100的圆框架  <div><img /></div> ------ */

.circleborder,.circleborder::before,.circleborder::after {
	width:140px;
	height:140px;
	box-sizing:border-box;
	border-bottom:3px solid currentColor;
	border-right:3px solid currentColor;
	border-radius:50%;
}

.circleborder::before,.circleborder::after {
	content:'';
	position:absolute;
	top:0px;
	left:0px;
}

.circleborder {color: dodgerblue; position: relative;}
.circleborder::before {color: gold; transform:rotate(-120deg);}
.circleborder::after {color: chocolate; transform:rotate(120deg);}

.circleborder img {
	width:97%;
	height:97%;
	box-sizing:border-box;
	border-radius:50%;
	position:absolute;
	top:2.6%;
	left:2.6%;
}