CSSBattle

Daily Targets (260202)

코드
<p><i><b>
<style>
  &>*{
    background:#2B2A4A
  }

  *{
    position:fixed;
    left: 50%;
    transform: translateX(-50%);
    margin:0
  }

  p {
    margin-top: 90;
    /* '∩' 모양 표현 */
    width: 80;
    height: 200;
    background: #BA463E;
    border-radius: 99px 99px 0 0
  }

  i {
    margin-top: 20;
    /* 알약 모양 표현 */
    width: 200;
    height: 80;
    background: #BA463E;
    border-radius: 99px
  }

  b {
    margin-top:20;
    /* 원 표현 */
    width:40;
    height:40;
    border-radius: 50%;
    background:#2B2A4A;
    /* 그림자로 좌우 원 표현 */
    box-shadow: 60px 0 0 #2B2A4A, -60px 0 0 #2B2A4A
  }
</style>