LEE.SOL > CSSBattle > Daily Targets (260411)

Daily Targets (260411)

코드

<p><p s><p r>
<style>
  &>*{
    display: grid;
    place-items: center;
    background: #DDFEE6
  }

  p {
    grid-area: 1 / 1;
    /* 라운딩 사각형 요소 */
    width: 40;
    height: 80;
    margin: -70 0 0 -80;
    border: solid #6D62BA;
    border-width: 30 30 0;
    border-radius: 99q 99q 0 0;
    background: #A1E6E4
  }

  [s] {
    margin: 80 0 0 70;
    transform: rotate(90deg)
  }

  [r] {
    /* 사각형 요소 */
    margin: 70 0 0 -110;
    border-width: 0 0 30 30;
    border-radius: 0
  }
</style>