LEE.SOL > CSSBattle > Daily Targets (260323)

Daily Targets (260323)

코드

<p><p s><p t>
<style>
  &>* {
    margin: 35 0;
    background: #4A9A86
  }

  p {
    /* 사각형 표현 */
    width: 50;
    height: 50;
    margin: 0 auto;
    background: #FAE29E
  }

  [s] {
    width: 100
  }

  [t] {
    /* 라운딩 모서리 표현 */
    width: 80;
    height: 120;
    background: 0;
    border: solid #FAE29E;
    border-width: 0 0 50 50;
    border-radius: 0 0 0 999q;
    transform: translate(40px, -40px)
  }
</style>