CSSBattle

Daily Targets (260615)

코드
<p><p l><hr f><hr s>
<style>
    & {
      margin: 42 92;
      background: #2D696F
    }

    &>* {
      /* body 요소로 원 표현 */
      position: relative;
      border-radius: 50%;
      background: #81A5A9
    }

    p {
      /* 사각형 내 원 표현 */
      width: 90;
      height: 90;
      background: radial-gradient(#2D696F 15px, #81A5A9 0);
    }

    [l] {
      margin: 20 0 0 110
    }

    hr {
      position: absolute;
      background: #2D696F;
      border: 0
    }

    [f] {
      /* 세로선 */
      top: -10;
      bottom: -10;
      left: 90;
      width: 20
    }

    [s] {
      /* 가로선 */
      left: -10;
      right: -10;
      top: 82;
      height: 20
    }
</style>