LEE.SOL > CSSBattle > Daily Targets (260609)

Daily Targets (260609)

코드

<style>
  & {
    /* html 요소로 원 모양 */
    margin: 80 130;
    border: 30px solid #4C4C6B;
    border-radius: 50%;
    outline: 30px solid #4A9A86;
    background: #EBF6F0
  }

  &>* {
    /* body 요소로 사각형을 만들어 원 일부 가림 */
    position: absolute;
    bottom: 21.5;
    left: 142;
    width: 100;
    height: 100;
    background: #EBF6F0;
    rotate: 45deg
  }
</style>