Daily Targets (260518)
코드
<p><p><p><p><hr><hr l>
<style>
body {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 20px;
margin: 40 10;
background: #9FF0FB
}
p {
/* 원 */
width: 100;
height: 100;
margin: 0;
background: #3F8BA6;
border-radius: 50%
}
hr {
/* 원 연결선 */
position: fixed;
top: 67;
width: 40%;
height: 30;
background: #3F8BA6;
border: 0
}
[l] {
/* 원 연결선 (세로형) */
top: 99;
rotate: 90deg
}
</style>