Daily Targets (260403)
코드
<p><i><b>
<style>
&>* {
display: grid;
place-items: center;
background: #262D80
}
p {
/* 원 테두리 */
width: 190;
height: 190;
border: 30px solid #8BB248;
border-radius: 50%
}
i {
/* 작은 원 */
display: block;
width: 40;
height: 40;
margin: 20 auto;
background: #8BB248;
border-radius: 50%
}
b {
/* 사각형 */
display: block;
width: 40;
height: 100;
margin: 0 auto;
background: inherit;
transform: translateY(50px)
}
</style>