CSSBattle

Daily Targets (260603)

코드
<p><hr><p l>
<style>
  & {
    margin: 67 0;
    background: #D5CA5B
  }

  p {
    height: 30;
    /* 작은 사각형 2개 표현 */
    background: linear-gradient(90deg, #0000 150px, #2F5A76 0) 72px / 180px
  }

  hr {
    margin: -6 3;
    height: 70;
    border: 0;
    /* 중앙 사각형 4개 표현 */
    background: linear-gradient(90deg, #0000 20px, #2F5A76 0) -1px / 90px
  }

  [l] {
    /* 작은 사각형 2개 위치 조절 */
    background-position: -18
  }
</style>