Daily Targets (260615)
코드
<p><p l><hr f><hr s>
<style>
& {
margin: 42 92;
background: #2D696F
}
&>* {
/* body 요소로 원 표현 */
position: relative;
border-radius: 50%;
background: #81A5A9
}
p {
/* 사각형 내 원 표현 */
width: 90;
height: 90;
background: radial-gradient(#2D696F 15px, #81A5A9 0);
}
[l] {
margin: 20 0 0 110
}
hr {
position: absolute;
background: #2D696F;
border: 0
}
[f] {
/* 세로선 */
top: -10;
bottom: -10;
left: 90;
width: 20
}
[s] {
/* 가로선 */
left: -10;
right: -10;
top: 82;
height: 20
}
</style>