LEE.SOL > CSSBattle > Daily Targets (260122)

Daily Targets (260122)

코드

<p f><p i>
<style>
  &>*{
    display: grid;
    place-items: center;
    background: #C7B46D;
  }
  [f] {
    /* 중앙 원 */
    position: relative;
    z-index: 1;
    width: 160;
    height: 160;
    background: #38373A;
    border-radius: 50%;
  }
  [i]{
    /* 그림자 표현 */
    position: fixed;
    top: 174;
    left: 40;
    width: 160;
    height: 40;
    background: #8B7E4C;
    border-radius: 50%;
  }
</style>