Daily Targets (260118)
코드
<p a><p i>
<style>
&>*{
display: flex;
background:#668884;
padding: 15 50 0 70
}
*{
margin:0
}
p {
height: 200
}
[a]{
width: 70;
border: solid #EED9D9;
border-width: 40 40 0 40;
/* 'A' 문자의 '-' 부분 표현 */
background: linear-gradient(#EED9D9) 0 60px / 100% 40px no-repeat
}
[i]{
width: 70;
margin-left: 55;
border-top: 40px solid #EED9D9;
/* 'i' 문자의 몸체 표현 */
background: linear-gradient(90deg, #668884 15px, #EED9D9 0) 0 / 55px no-repeat
}
</style>