Daily Targets (260331)
코드
<p c><p><i>
<style>
&>* {
display: grid;
place-items: center;
background: #D96C7B
}
p {
grid-area: 1 / 1;
/* 사각형 테두리 */
width: 220;
height: 90;
margin-top: 102;
border: 40px solid #4C455B
}
[c] {
/* 원 표현 */
width: 0;
height: 0;
margin-top: 102;
border-width: 30;
border-radius: 50%
}
i {
/* '∩' 모양 표현 */
display: block;
width: 100;
height: 90;
margin: -130 auto;
border: solid #4C455B;
border-width: 40 40 0;
border-radius: 99q 99q 0 0;
background: #D96C7B
}
</style>