Daily Targets (260226)
코드
<b>
<p></p>
<p c></p>
</b>
<b s>
<p c></p>
<p></p>
</b>
<style>
&>* {
margin: 0;
background:#12219A
}
b {
display: flex;
width: 50%;
height: 50%;
margin: 0;
padding: 20;
box-sizing:border-box;
gap: 10px;
/* 우측으로 반사 */
-webkit-box-reflect:right
}
[s] {
align-items: flex-end
}
p {
/* 사각형 표현 */
width: 50;
height: 50;
margin: 0;
background: #70CCDB
}
[c] {
/* 원 표현 */
border-radius: 50%
background: #DB5EAD;
}
</style>