CSSBattle

Daily Targets (260121)

코드
<p>
<style>
  &>*{
    display: grid;
    place-items:center;
    background:#B0ACD5
  }
  *{
    margin:0
  }
  p {
    width: 200;
    height: 100;
    /* 반원 내 하단 작은 사각형, 중앙 원 표현 */
    background: linear-gradient(#B0ACD5) 50% 100% / 20px 20px no-repeat, radial-gradient(circle at 50%, #B0ACD5 40px, #6A5885 0) no-repeat #6A5885;
    /* 반원 모양 표현 */
    border-radius: 100px 100px 0 0
  }
</style>