Daily Targets (260504)
코드
<p><p r><p r b>
<style>
&>* {
display: grid;
place-items: center;
background: #EBF6F0
}
p {
/* 중앙 원 */
grid-area: 1 / 1;
width: 200;
height: 200;
border-radius: 50%;
background: #4C4C6B
}
[r] {
/* 직사각형 */
width: 100;
height: 140;
margin: -140 0 0 -100;
background: #4A9A86;
border-radius: 0
}
[b] {
margin: 140 0 0 100
}
</style>