Daily Targets (260728)
코드
<p w r><p w c><p s><p l>
<style>
& {
background: #4C4C6B
}
p {
position: fixed;
top: 0;
left: 0;
right: 0;
margin: auto;
background: #4A9A86
}
[w] {
/* 테두리 추가 속성 */
border: 20px solid #EBF6F0
}
[r] {
/* 사각형 */
top: -20;
width: 200;
height: 60
}
[c] {
/* 원 */
top: -10;
width: 140;
height: 140;
border-radius: 50%
}
[s] {
/* 원 위의 사각형 (원 테두리 가림막 용도) */
width: 200;
height: 60
}
[l] {
/* 중앙 세로선 */
bottom: 0;
width: 30
}
</style>