CSSBattle

Daily Targets (260616)

코드
<p><p b><p l ><p r>
<style>
  & {
    /* 테두리 사각형 */
    border: solid #7C3219;
    border-width: 70 120;
    background: #F7CB71
  }

  p {
    position: fixed;
    top: 34;
    left: 180;
    width: 40;
    height: 50;
    background: #7C3219;
    /* 사각형 상단 반원 모양 */
    border: solid #F7CB71;
    border-width: 20 0 0 0;
    border-radius: 20px 20px 0 0
  }

  [b] {
    scale: -1;
    top: 164
  }

  [l] {
    rotate: 90deg;
    top: 99;
    left: 245
  }

  [r] {
    rotate: -90deg;
    top: 99;
    left: 115
  }
</style>