LEE.SOL

CSSBattle

Daily Targets (260107)

코드
<p f><p s><p t><p l><i>
<style>
  *{
    margin: 0
  }
  &>*{
    overflow: hidden;
    background: #2F434E;
    margin: 85 15
  }
  p {
    width: 320;
    height: 30px;
    background: #CF6939
  }
  [f],[l] {
    width: 270;
    /* 최상단, 최하단 라인 패턴 */
    background: linear-gradient(90deg, #CF6939 110px, #2F434E 0) 0 / 160px
  }
  [s] {
    height: 40
  }
  [t] {
    margin-left: 50
  }
  [l] {
    margin-left: 100
  }
  i {
    position: absolute;
    top: 145;
    right: 15;
    width: 100;
    height: 20;
    background: #CF6939
  }
</style>