LEE.SOL > CSSBattle > Daily Targets (260604)

Daily Targets (260604)

코드

<p><p c><p>
<style>
  &>* {
    display: flex;
    align-items: center;
    margin: 0 20;
    background: #FAE29E
  }

  p {
    /* 좌우 타원 */
    width: 140;
    height: 240;
    background: #4C4C6B;
    border-radius: 50%
  }

  [c] {
    /* 중앙 원통형 모양 */
    z-index: 1;
    width: 320;
    height: 200;
    margin: 0 -120;
    border-radius: 52px / 100px;
    background: #4A9A86
  }
</style>