CSSBattle

Daily Targets (260228)

코드
<p>
<style>
  &>*{
    display: grid;
    place-items: center;
    margin: 0;
    background:
      /* 하늘색 가로선, 세로선 표현 */
      linear-gradient(#0098D1) top / 1q 140px repeat-x,
      linear-gradient(#0098D1) top / 80px 1q repeat-y #2F434E
  }

  p {
    /* 중앙 원 표현 */
    width: 240;
    height: 240;
    border-radius: 50%;
    background: #0098D1
  }
</style>