CSSBattle

Daily Targets (260506)

코드
<p><i></i></p>
<p r><i></i></p>
<style>
  &>* {
    background: #4A9A86
  }

  * {
    margin: 0
  }

  p {
    /* 사각형 */
    display: grid;
    width: 100;
    height: 100;
    margin-left: 50;
    background: #F3EAD2
  }

  i {
    /* 사각형 내 부채꼴 */
    width: 70;
    height: 70;
    margin: 65 0 0 65;
    border-radius: 50%;
    background: conic-gradient(#173889 90deg, #4A9A86 0 180deg, #173889 0)
  }

  [r] {
    margin: 100 0 0 250;
    rotate: 180deg
  }
</style>