LEE.SOL

CSSBattle

Daily Targets (260111)

코드
<p><p w><i>
<style>
  &>*{
    background:#5AA4B7
  }
  *{
    position: fixed;
    margin:0
  }
  p {
    top: 45;
    left: 180;
    width: 120;
    height: 130;
    background: #F9EAF1
  }
  [w]{
    top: 125;
    left: 100;
    background: #4C455B
  }
  i{
    left: 180;
    width: 40;
    height: 50;
    /* 줄무니 패턴으로 검정색, 흰색 사각형이 겹쳐있는 위치의 작은 사각형 표현
       #F9EAF1 0 20px (하나의 색상에 시작 위치, 끝 위치 함께 지정 가능) */
    background: linear-gradient(#5AA4B7 10px, #F9EAF1 0 20px, #5AA4B7 0 30px, #4C455B 0 40px, #5AA4B7 0)
  }
</style>