Daily Targets (260730)
코드
<p><p c><p><p r>
<style>
body {
display: flex;
justify-content: space-between;
align-items: flex-end;
position: relative;
border-bottom: 20px solid #696049;
margin: 60 40;
background: #F8B140
}
p {
/* 세로선 */
width: 20;
height: 30;
margin: 0;
background: #696049
}
[c] {
height: 100
}
[r] {
/* 중앙 라운딩 흰색 사각형 */
position: absolute;
bottom: -20;
left: 50%;
transform: translateX(-50%);
z-index: -1;
width: 150;
height: 140;
border: 20px solid #696049;
border-radius: 999q 999q 0 0;
background: #FFF
}
</style>