Daily Targets (260329)
코드
<p c><p l><p r><p b><p p>
<style>
&>* {
display: grid;
place-items: center;
background: #6319FF
}
p {
grid-area: 1 / 1;
/* 흰 사각형 표현 */
width: 100;
height: 100;
background: #fff
}
[l] {
margin: -140 0 0 -140
}
[r] {
margin: -140 0 0 140
}
[b] {
margin: 140 0 0 -140
}
[p] {
/* 우측 하단 보라색 사각형으로 일부 가림 */
margin: 140 0 0 140;
background: #6319FF
}
[c] {
/* 중앙 사각형 표현 */
width: 160;
height: 160;
background: #FB8C79
}
</style>