Daily Targets (260409)
코드
<w><p></p><i></i></w>
<w s><p h></p><i b></i></w>
<style>
&>* {
display: flex;
align-items: center;
background: #594C94
}
* {
margin: 0 auto
}
w {
transform: translate(10px, 90px)
}
[s] {
transform: translate(-130px, 90px)
}
p {
/* 상단 작은 원 */
width: 100;
height: 100;
background: #000;
border-radius: 50%
}
i {
display: flex;
/* 원 테두리 */
width: 180;
height: 180;
margin-top: 20;
border: 40px solid;
border-radius: 50%
}
[h] {
background: #fff
}
[b] {
border-color: #fff
}
</style>