CSSBattle

Daily Targets (260215)

코드
<p><p s>
<style>
  &>*{
    background: linear-gradient(#B5BD49) bottom / 100% 80px no-repeat #2B2E81;
    margin: 0
  }
  p {
    margin: 140 0 0 120;
    /* 원통 모양 표현 */
    height: 80;
    background: #B5BD49;
    border-radius: 99px 0 0 99px
  }
  [s] {
    margin: 0 120 0 0;
    /* 우측 상단 라운딩 */
    border-radius: 0 60px 0 0;
    background: #2B2E81
  }
</style>