Daily Targets (260406)
코드
<p><p g><p w><i f></i><i></i><i></i><i></i><i l></i>
<style>
body {
display: flex;
flex-direction: column;
padding: 12 52;
gap: 70px;
background: #1F1446
}
p {
/* 긴 원형 모양 */
width: 280;
height: 40;
margin: 0;
background: #FFCA00;
border-radius: 99q
}
[g] {
/* 줄무늬 패턴 */
background: linear-gradient(90deg, #4A9A86 60px, #0000 0) 0 / 110px 1q
}
[w] {
/* 라운딩 처리된 i 요소를 배치하여. 줄무늬 + 라운드 패턴 표현 */
display: flex;
gap: 20px;
background: #0000
}
i {
width: 40;
background: #FFCA00;
border-radius: 10px
}
[f] {
border-radius: 99q 30px 30px 99q
}
[l] {
border-radius: 30px 99q 99q 30px
}
</style>