LEE.SOL > CSSBattle > Daily Targets (260524)

Daily Targets (260524)

코드

<p>
<style>
  * {
    /* html 요소로 원 표현 */
    margin: 20 5 20 135;
    border: 50px solid #E8AD6D;
    border-radius: 50%;
    background: #2F5A76;

    * {
      /* body 요소로 반원 표현 */
      margin: -50 80 -50 -180;
      background: #0000;
      clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%)
    }
  }

  p {
    /* 원 겹치는 부분 채우기 */
    background: #E8AD6D;
    margin: 30 0 0 80
  }
</style>