CSSBattle

Daily Targets (260712)

코드
<p><i></i></p>
<p p></p>
<p c></p>
<style>
  & {
    background: #B7D7CD
  }

  * {
    margin: 0
  }

  p {
    /* 숫자 1 모양의 하단 */
    position: fixed;
    top: 35;
    left: 146;
    width: 90;
    border-bottom: 30px solid #C06C88
  }

  i {
    /* 숫자 1 모양의 상단 */
    display: block;
    width: 30;
    height: 160;
    margin-left: -10;
    border: solid #C06C88;
    border-width: 40 50 0 0
  }

  [p] {
    /* 숫자 5 모양의 상단 */
    left: 216;
    width: 60;
    border-color: #411C56
  }

  [c] {
    /* 숫자 5 모양의 하단 */
    top: 78;
    left: 216;
    width: 30;
    height: 60;
    border: solid #411C56;
    border-width: 30 30 30 0;
    border-radius: 0 99q 99q 0
  }
</style>