Tech Stack/html,css

[CSS] border-radius: 꼭짓점 변경

_silver 2026. 1. 12. 12:47
border-radius 속성은 요소 테두리 경계의 꼭짓점을 둥글게 만든다.

 

 

 

    .thumb{
     padding:8px;
     background:#f8fafc;
     border-radius: 10px 100px / 120px;
     box-shadow:
      0 10px 28px rgba(99,102,241,.14),
      inset 0 0 0 1px rgba(15,23,42,.05);
    }

    .thumb img{
      border-radius: 10px 100px / 120px;
    }

 

 

참고: https://developer.mozilla.org/ko/docs/Web/CSS/Reference/Properties/border-radius