CSS border-radius 테두리 모서리 변경하기

CSS 테두리의 모서리 변경하기

border-radius는 테두리의 모서리를 변형하는 설정이다.

 

문법

border-radius: px [px px px]

모서리 부분을 각각 몇 픽셀로 할지 설정한다

이때 px값은 한 개 혹은 네 개가 들어갈 수 있다

입력값 한 개 : 모서리 네 곳 일괄 적용

입력값 네 개: 왼쪽위 모서리를 기준으로 시계방향으로 각각 적용