LEE.SOL > CSSBattle > Daily Targets (260316)

Daily Targets (260316)

코드

<p><p s>
<style>
  &>* {
    display: flex;
    justify-content: center;
    background: #8BFA94
  }
  
  p {
    /* 보더로 회색 기둥 형태 생성, 센터 영역은 배경색과 동일하여 빈 공간처럼 보임 */
    width: 50;
    height: 150;
    margin: 7 0 0;
    border: solid #556D7F;
    border-width: 50 30 70 20
  }
  
  [s] {
    /* 높이, 보더를 수정하여 모양 표현 */
    height: 200;
    border-width: 70 20 0 30
  }
</style>