CSSBattle

Daily Targets (260509)

코드
<p><p r><p>
<style>
  &>* {
    display: flex;
    margin: 42.5 80;
    background: #EEF8F9
  }

  p {
    /* 테두리 원 */
    width: 30;
    height: 30;
    margin: 0;
    border: 20px solid #A6CE39;
    border-radius: 50%;
    background: #0088CA
  }

  [r] {
    /* 원 연결 파란선 */
    position: relative;
    top: 30;
    width: 140;
    height: 85;
    margin: 0 -50;
    border: 30px solid #0088CA;
    border-top: 0;
    border-radius: 0;
    background: #0000
  }
</style>