Daily Targets (260716)
코드
<p><p r><p s>
<style>
&>* {
display: flex;
justify-content: center;
align-items: center;
background: #AF6A8A
}
p {
/* 중간에 선이 있는 원 */
width: 170;
height: 170;
margin: 0 -30;
background: linear-gradient(#AF6A8A) 50% / 50px repeat-y #742020;
border-radius: 50%
}
[r] {
rotate: 90deg
}
[s] {
/* 선 접합부 일부 가림막 */
position: fixed;
left: 150;
height: 50;
border-radius: 0;
background: #AF6A8A
}
</style>