CSSBattle

Daily Targets (260119)

코드
<p><i>
<style>
  &>*{
    background: #DE9473;
    padding: 80 10
  }
  *{
    margin:0
  }
  p {
    width: 50%;
    /* 우측으로 복사 */
    -webkit-box-reflect: right
  }
  i {
    display: block;
    width: 110;
    height: 80;
    /* 보더를 통해 'ㄷ' 형태 표현 */
    border: solid #F9EAF1;
    border-width: 30 0 30 30;
    /* 줄무늬 패턴 */
    background: linear-gradient(#394257 25px, #DE9473 0) 0 0 / 80px 55px repeat-y
  }
</style>