LEE.SOL > CSSBattle > Daily Targets (260621)

Daily Targets (260621)

코드

<p><p r><p c>
<style>
  & {
    margin: 60 110;
    /* html 요소에 빨간색 테두리 */
    border: 30px solid #EC1D25;
  }

  p {
    position: fixed;
    inset: 0;
    /* 가로선 */
    margin: 135 0;
    background: #fff
  }

  [r] {
    /* 세로선 */
    rotate: 90deg
  }

  [c] {
    /* 중앙 사각형 */
    margin: 120 170;
    background: #004B8E
  }
</style>