Daily Targets (260411)
코드
<p><p s><p r>
<style>
&>*{
display: grid;
place-items: center;
background: #DDFEE6
}
p {
grid-area: 1 / 1;
/* 라운딩 사각형 요소 */
width: 40;
height: 80;
margin: -70 0 0 -80;
border: solid #6D62BA;
border-width: 30 30 0;
border-radius: 99q 99q 0 0;
background: #A1E6E4
}
[s] {
margin: 80 0 0 70;
transform: rotate(90deg)
}
[r] {
/* 사각형 요소 */
margin: 70 0 0 -110;
border-width: 0 0 30 30;
border-radius: 0
}
</style>