Daily Targets (260318)
코드
<p><p b><p r>
<style>
* {
margin: 0
}
&>* {
display: grid;
place-items: center;
background: #323138
}
p {
/* 모든 p 요소 중앙에 배치 */
grid-area: 1 / 1;
/* 흰 가로선 표현 */
width: 100%;
height: 60;
background: #FFF
}
[b] {
/* 흰 세로선 표현 */
width: 120;
height: 100%
}
[r] {
/* 중앙 하늘색 사각형 테두리 표현 */
width: 120;
height: 20;
border: 70px solid #328FC1
}
</style>