CSSBattle

Daily Targets (260531)

코드
<p><i>
<style>
  & {
    background: #556D7F
  }

  p {
    height: 170;
    margin: 50 2;
    padding-top: 30;
    /* 상하단 테두리의 줄무늬 패턴 */
    background: linear-gradient(90deg, #F4DCBF 60px, #556D7F 0) 0 / 80px
  }

  i {
    display: block;
    height: 140;
    /* 중앙 세로선 표현 */
    background: linear-gradient(90deg, #556D7F 130px, #F4DCBF 0) -35px / 160px
  }
</style>