CSSBattle

Daily Targets (260407)

코드
<style>
  & {
    /* html 요소를 이용해 원 테두리 표현 */
    margin: 25 75;
    border: 40px solid #F5E3B5;
    border-radius: 50%;
    background: #6D1477
  }
  
  &>* {
    /* body 요소를 이용해 부채꼴 모양 표현 */
    width: 120px;
    height: 120px;
    margin: 25 auto;
    border-radius: 50%;
    background: conic-gradient(
      #F5E3B5 270deg,
      #0000 270deg 360deg
    )
  }
</style>