Daily Targets (260506)
코드
<p><i></i></p>
<p r><i></i></p>
<style>
&>* {
background: #4A9A86
}
* {
margin: 0
}
p {
/* 사각형 */
display: grid;
width: 100;
height: 100;
margin-left: 50;
background: #F3EAD2
}
i {
/* 사각형 내 부채꼴 */
width: 70;
height: 70;
margin: 65 0 0 65;
border-radius: 50%;
background: conic-gradient(#173889 90deg, #4A9A86 0 180deg, #173889 0)
}
[r] {
margin: 100 0 0 250;
rotate: 180deg
}
</style>