LEE.SOL

CSSBattle

Daily Targets (260105)

코드
<p w>
  <i p></i>
  <i p s></i>
</p>
<style>
  &>*{
    margin: 0;
    background: #EFEB99
  }
  [w] {
    border: solid #8647E6;
    border-width: 0 4;
    height: 100%
  }
  [p] {
    display: block;
    height: 130px;
    /* 노란색, 보라색 줄무늬 패턴 */
    background: linear-gradient(90deg, #EFEB99 56px, #8647E6 0) 0 / 112px
  }
  [s] {
    /* 하단 줄무늬 패턴. 배경 위치 수정 */
    margin-top: 40;
    background-position: -56
  }
</style>