CSSBattle

Daily Targets (260306)

코드
<p>
  <i></i>
  <i b></i>
</p>
<style>
  &>*{
    display: grid;
    place-items: center;
    background: #5DC392
  }
  
  p {
    position: relative;
    /* 파란색 테두리 흰색 사각형 */
    width: 230;
    height: 180;
    border: 30px solid #243D83;
    background: #D9D9D9
  }

  i {
    /* 파란색 테두리 가림 */
    position: absolute;
    top: -30;
    left: -30;
    width: 30;
    height: 30;
    background: #5DC392
  }

  [b] {
    top: 180;
    left: 230
  }
</style>