Daily Targets (260421)
코드
<p><p w><p v>
<style>
&>* {
display: grid;
place-items: center;
background: #C0A623
}
p {
/* 중앙 라운딩 사각형 */
grid-area: 1 / 1;
width: 200;
height: 200;
border-radius: 30px;
background: #4A4A23
}
[w] {
/* 작은 흰색 사각형 */
z-index: 1;
width: 60;
height: 120;
border-radius: 0;
background: #D9D9D9
}
[v] {
/* 세로로 긴 직 사각형 */
z-index: 2;
width: 30;
height: 240;
border-radius: 0
}
</style>