Daily Targets (260413)
코드
<p><p s><p r>
<style>
&>* {
display: flex;
align-items: center;
margin: 0 55;
background: #588A95
}
p {
/* 삼각형 표현 */
border-left: 100px solid #E8AD6D;
border-top: 100px solid #0000;
border-bottom: 100px solid #0000
}
[s] {
margin-left: -20
}
[r] {
/* 줄무늬 사각형 */
border: 0;
width: 120;
height: 240;
background: linear-gradient(#2F5A76 110px, #0000 0) 0 0 / 1q 130px
}
</style>