Daily Targets (260430)
코드
<w>
<p></p>
</w>
<w a>
<p></p>
</w>
<w b>
<p></p>
<p></p>
</w>
<w c>
<p></p>
<p></p>
</w>
<w d>
<p></p>
</w>
<w e>
<p></p>
</w>
<style>
&>* {
display: flex;
margin: 10 20;
background: #394257
}
p {
/* 사각형 */
width: 60;
height: 60;
margin: 0;
background: #EED9D9
}
p+p {
/* 형제 사각형이 있는 경우 테두리 추가 */
border-top: 40px solid #668884
}
[a] {
margin-top: 60
}
[b] {
margin-top: 20
}
[c] {
margin-top: 80
}
[d] {
margin-top: 140
}
[e] {
margin-top: 200
}
</style>